/* CHEKKU — SHARED DESIGN SYSTEM

   Edit these tokens to change the entire app. Module layouts follow below.

   Palette supplied by Marco: peach / coral / mauve / purple / blue. */

:root {
  --color-peach: #F8B195;
  --color-coral: #F67280;
  --color-mauve: #C06C84;
  --color-purple: #6C5B7B;
  --color-blue: #355C7D;
  --color-blue-deep: #294962;
  --color-ink: #273A4D;
  --color-muted: #627083;
  --color-surface: #FFFFFF;
  --color-surface-soft: #F8F6F5;
  --color-canvas: #F4F1F0;
  --color-line: #DCE2E8;
  --color-backdrop: rgba(27,45,61,.48);
  --color-danger: #A33F50;
  --color-danger-soft: #FCEEF0;
  --color-success: #276B53;
  --color-success-soft: #EDF5F1;
  --color-warning: #79552D;
  --color-warning-soft: #FFF4E7;
  --text-page-title: 1.75rem;
  --text-section-title: 1.125rem;
  --text-card-title: 1rem;
  --text-body: .875rem;
  --text-caption: .75rem;
  --control-height: 38px;
  --space-panel: 20px;
  --page-gutter: 24px;
  --layout-max: 1600px;
  --app-background: linear-gradient(180deg, #F8B195 0%, #C06C84 34%, #6C5B7B 65%, #355C7D 100%);
  --color-blue-soft: #EDF2F6;
  --color-peach-soft: #FDECE4;
  --color-coral-soft: #FDECEF;
  --elevation-card: none;
  --elevation-panel: none;
  --radius-card: 4px;
  --radius-control: 4px;
  --font-ui: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --chekku-primary: var(--color-blue);
  --chekku-primary-600: var(--color-blue);
  --chekku-primary-700: var(--color-blue-deep);
  --chekku-primary-900: var(--color-ink);
  --chekku-700: var(--color-blue-deep);
  --chekku-900: var(--color-ink);
  --primary: var(--color-blue);
  --primary-dark: var(--color-blue-deep);
  --primary-900: var(--color-ink);
  --chekku-accent: var(--color-coral);
  --accent: var(--color-coral);
  --chekku-warm: var(--color-peach-soft);
  --warm: var(--color-peach-soft);
  --text: var(--color-ink);
  --ink: var(--color-ink);
  --chekku-text: var(--color-ink);
  --muted: var(--color-muted);
  --chekku-muted: var(--color-muted);
  --input-bg: var(--color-surface);
  --input-border: var(--color-line);
  --shadow: var(--elevation-panel);
  --shadow-soft: var(--elevation-card);
  --chekku-shadow: var(--elevation-panel);
  --chekku-shadow-soft: var(--elevation-card);
  --border-blue: var(--color-line);
  --chekku-border-blue: var(--color-line);
  --glass-strong: var(--color-surface);
  --chekku-glass-strong: var(--color-surface);
  --glass-soft: var(--color-surface-soft);
  --chekku-glass: var(--color-surface);
  --white: var(--color-surface);
}

html {
  color-scheme: light;
}

button, input, select, textarea {
  font-family: inherit;
}

button, a, input, select, textarea {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: 3px solid var(--color-purple);
  outline-offset: 3px;
}

::selection {
  background: var(--color-peach);
  color: var(--color-ink);
}

img {
  max-width: 100%;
}

/* SELECT2 — bundled vendor component; original MIT header retained. */

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: var(--ck-legacy-surface,white);
  border: 1px solid var(--ck-legacy-line,#aaa);
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: var(--ck-legacy-surface,#fff);
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: var(--ck-legacy-surface,#fff);
  border: 1px solid var(--ck-legacy-line,#aaa);
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--ck-legacy-ink,#444);
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--ck-legacy-muted,#999);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--ck-legacy-line,#888) transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--ck-legacy-raised,#eee);
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--ck-legacy-line,#888) transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: var(--ck-legacy-surface,white);
  border: 1px solid var(--ck-legacy-line,#aaa);
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--ck-legacy-raised,#e4e4e4);
  border: 1px solid var(--ck-legacy-line,#aaa);
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid var(--ck-legacy-line,#aaa);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: var(--ck-legacy-muted,#999);
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: var(--ck-legacy-surface,#f1f1f1);
  color: var(--ck-legacy-ink,#333);
  outline: none;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid var(--ck-legacy-line,#aaa);
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid var(--ck-legacy-line,black) 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--ck-legacy-raised,#eee);
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--ck-legacy-line,#aaa);
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: var(--ck-legacy-muted,#999);
}

.select2-container--default .select2-results__option--selected {
  background-color: var(--ck-legacy-raised,#ddd);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: var(--ck-legacy-surface,#f7f7f7);
  border: 1px solid var(--ck-legacy-line,#aaa);
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: var(--ck-legacy-ink,#444);
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: var(--ck-legacy-muted,#999);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: var(--ck-legacy-raised,#ddd);
  border: none;
  border-left: 1px solid var(--ck-legacy-line,#aaa);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: var(--ck-legacy-line,#888) transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid var(--ck-legacy-line,#aaa);
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--ck-legacy-line,#888) transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: var(--ck-legacy-surface,white);
  border: 1px solid var(--ck-legacy-line,#aaa);
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: var(--ck-legacy-raised,#e4e4e4);
  border: 1px solid var(--ck-legacy-line,#aaa);
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: var(--ck-legacy-muted,#888);
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: var(--ck-legacy-ink,#555);
  outline: none;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--ck-legacy-line,#aaa);
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: var(--ck-legacy-surface,#fff);
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* SHARED FOUNDATION */

:root {
  --glass: rgba(255,255,255,.14);
  --glass-border: rgba(255,255,255,.22);
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
  overflow-x: hidden;
}

body.chekku-diorama-bg {
  background: var(--color-surface);
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

body.chekku-diorama-bg::before {
  content: none !important;
  position: fixed;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: 0;
}

body.chekku-diorama-bg::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: 0;
}

main,
.page-shell,
.app-shell,
.content-shell,
.wrapper,
.container,
.shell,
.layout,
.content,
.panel-wrap {
  position: relative;
  z-index: 1;
}

.glass-panel {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.glass-card {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: var(--radius-card);
}

.glass-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 14px;
  border: none;
  border-radius: var(--radius-control);
  text-decoration: none;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.glass-btn:hover {
  transform: none;
}

.glass-btn-primary {
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
}

.glass-btn-soft {
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

@media (max-width:768px) {
body.chekku-diorama-bg {
  background-attachment: scroll;
}

body.chekku-diorama-bg::after {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
}

/* MODULE: dashboard.php */

:root:where(html[data-chekku-page="dashboard"]) {
  --glass: rgba(255,255,255,.14);
  --glass-border: rgba(255,255,255,.22);
  --success: #1F8F5F;
  --success-bg: #EAF9F1;
  --danger: #B42318;
  --warn: #B26A00;
  --warn-bg: var(--color-peach-soft);
  --info: var(--color-blue);
  --info-bg: var(--color-blue-soft);
  --lose: #C94D5A;
  --lose-bg: #FFF0F2;
}

:where(html[data-chekku-page="dashboard"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="dashboard"]),
:where(html[data-chekku-page="dashboard"]) body {
  height: 100%;
}

:where(html[data-chekku-page="dashboard"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
  overflow-x: hidden;
  position: relative;
}

:where(html[data-chekku-page="dashboard"]) .page-shell {
  position: relative;
  z-index: 1;
  min-height: 100svh;
  min-height: 100dvh;
  padding: clamp(18px, 3vh, 34px) 0;
  display: flex;
  flex-direction: column;
}

:where(html[data-chekku-page="dashboard"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px 26px 28px 26px;
  margin-bottom: 18px;
  isolation: isolate;
  min-height: 260px;
}

:where(html[data-chekku-page="dashboard"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="dashboard"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="dashboard"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="dashboard"]) .hero-grid {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="dashboard"]) .hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 760px;
  padding-left: 6px;
}

:where(html[data-chekku-page="dashboard"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  box-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .logout-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  color: var(--danger);
  font-weight: 600;
  font-size: .92rem;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
  white-space: nowrap;
}

:where(html[data-chekku-page="dashboard"]) .logout-btn:hover {
  transform: none;
  background: var(--color-surface);
  box-shadow: none;
  border-color: rgba(180,35,24,.28);
}

:where(html[data-chekku-page="dashboard"]) .hero-copy h1 {
  margin: 0;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="dashboard"]) .hero-copy p {
  margin: 0;
  max-width: 760px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="dashboard"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="dashboard"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
  font-size: .9rem;
  font-weight: 600;
  color: var(--color-blue-deep);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .hero-apps-panel {
  position: relative;
  z-index: 2;
  margin-top: 18px;
  padding: 4px 2px 0;
  overflow: visible;
}

:where(html[data-chekku-page="dashboard"]) .hero-apps-panel::before {
  content: none;
}

:where(html[data-chekku-page="dashboard"]) .hero-apps-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="dashboard"]) .hero-apps-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 1.08rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  letter-spacing: -.02em;
}

:where(html[data-chekku-page="dashboard"]) .hero-apps-sub {
  color: var(--color-muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.35;
  margin-top: 3px;
}

:where(html[data-chekku-page="dashboard"]) .hero-mascot {
  position: absolute;
  left: 4px;
  bottom: -10px;
  width: min(30vw, 330px);
  max-width: 330px;
  min-width: 210px;
  z-index: 0;
  pointer-events: none;
  opacity: .92;
  filter: none;
}

:where(html[data-chekku-page="dashboard"]) .hero-mascot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="dashboard"]) .hero-side {
  display: grid;
  gap: 12px;
  position: relative;
  z-index: 2;
  align-items: stretch;
}

:where(html[data-chekku-page="dashboard"]) .hero-side.admin {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

:where(html[data-chekku-page="dashboard"]) .hero-side.user {
  grid-template-columns: repeat(2, minmax(0,1fr));
}

:where(html[data-chekku-page="dashboard"]) .hero-card {
  padding: 16px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

:where(html[data-chekku-page="dashboard"]) .hero-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

:where(html[data-chekku-page="dashboard"]) .hero-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  gap: 10px;
}

:where(html[data-chekku-page="dashboard"]) .hero-card-title {
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600;
  color: var(--color-ink);
}

:where(html[data-chekku-page="dashboard"]) .hero-card-sub {
  margin: 0;
  color: var(--muted);
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="dashboard"]) .hero-card-value {
  font-size: 1.7rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1;
  margin-top: 2px;
}

:where(html[data-chekku-page="dashboard"]) .hero-card-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-blue-soft-rgb,245,238,255),0.84);
  color: var(--chekku-primary-700);
  font-size: .75rem;
  font-weight: 600;
  border: 1px solid rgba(53,92,125,.14);
  white-space: nowrap;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .hero-card-badge.badge-happy {
  background: var(--ck-legacy-success-soft,#EAF9F1);
  color: var(--ck-legacy-success,#18794E);
  border-color: rgba(31,143,95,.18);
}

:where(html[data-chekku-page="dashboard"]) .hero-card-badge.badge-okay {
  background: var(--color-blue-soft);
  color: var(--color-blue);
  border-color: rgba(36,87,166,.18);
}

:where(html[data-chekku-page="dashboard"]) .hero-card-badge.badge-sad {
  background: var(--color-blue-soft);
  color: var(--color-purple);
  border-color: rgba(53,92,125,.18);
}

:where(html[data-chekku-page="dashboard"]) .hero-card-badge.badge-tired {
  background: var(--color-peach-soft);
  color: var(--ck-legacy-warning,#B26A00);
  border-color: rgba(178,106,0,.18);
}

:where(html[data-chekku-page="dashboard"]) .hero-card-badge.badge-sleepy {
  background: var(--ck-legacy-blue-soft,#F3F4F8);
  color: var(--color-muted);
  border-color: rgba(var(--ck-legacy-line-rgb,94,100,114),0.18);
}

:where(html[data-chekku-page="dashboard"]) .hero-card-badge.badge-scared {
  background: var(--ck-legacy-danger-soft,#FFF0F2);
  color: var(--ck-legacy-danger,#B42318);
  border-color: rgba(180,35,24,.18);
}

:where(html[data-chekku-page="dashboard"]) .wellbeing-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: auto;
}

:where(html[data-chekku-page="dashboard"]) .wellbeing-btn {
  min-height: 78px;
  cursor: pointer;
  font: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 1.5rem;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 10px 4px 9px;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .wellbeing-btn small {
  display: block;
  font-size: .68rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: .01em;
  color: var(--color-muted);
  white-space: nowrap;
}

:where(html[data-chekku-page="dashboard"]) .wellbeing-btn:hover {
  transform: none;
}

:where(html[data-chekku-page="dashboard"]) .wellbeing-btn:active {
  transform: translateY(-1px) scale(.99);
}

:where(html[data-chekku-page="dashboard"]) .hero-result,
:where(html[data-chekku-page="dashboard"]) .hero-teaser,
:where(html[data-chekku-page="dashboard"]) .rps-interactive {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

:where(html[data-chekku-page="dashboard"]) .hero-result {
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 8px;
  padding: 14px 12px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .hero-result.is-wellbeing {
  background: var(--color-surface);
  border-color: rgba(31,143,95,.14);
}

:where(html[data-chekku-page="dashboard"]) .hero-result.is-rps {
  background: var(--color-surface);
  border-color: rgba(53,92,125,.14);
}

:where(html[data-chekku-page="dashboard"]) .hero-result-kicker {
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
  line-height: 1.1;
}

:where(html[data-chekku-page="dashboard"]) .hero-result-emoji {
  font-size: 1.85rem;
  line-height: 1;
  filter: none;
}

:where(html[data-chekku-page="dashboard"]) .hero-result.is-wellbeing .hero-result-emoji {
  font-size: 1.9rem;
}

:where(html[data-chekku-page="dashboard"]) .hero-result.is-rps .hero-result-emoji {
  font-size: 1.75rem;
}

:where(html[data-chekku-page="dashboard"]) .hero-result-label {
  font-size: .95rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1.15;
}

:where(html[data-chekku-page="dashboard"]) .hero-teaser {
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  padding: 16px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .hero-teaser-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1.15;
}

:where(html[data-chekku-page="dashboard"]) .hero-teaser-sub {
  font-size: .88rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.4;
}

:where(html[data-chekku-page="dashboard"]) .hero-teaser-icons {
  font-size: 1.65rem;
  line-height: 1;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="dashboard"]) .rps-interactive {
  justify-content: space-between;
  gap: 10px;
}

:where(html[data-chekku-page="dashboard"]) .rps-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
  margin-top: 2px;
}

:where(html[data-chekku-page="dashboard"]) .rps-stat {
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  padding: 10px 8px;
  text-align: center;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .rps-stat-value {
  font-size: 1.12rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1;
}

:where(html[data-chekku-page="dashboard"]) .rps-stat-label {
  font-size: .72rem;
  color: var(--muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-top: 5px;
}

:where(html[data-chekku-page="dashboard"]) .rps-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 10px;
}

:where(html[data-chekku-page="dashboard"]) .rps-play-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: auto;
}

:where(html[data-chekku-page="dashboard"]) .rps-play-intro {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 8px 8px 2px;
}

:where(html[data-chekku-page="dashboard"]) .rps-play-title {
  font-size: 1.08rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1.15;
}

:where(html[data-chekku-page="dashboard"]) .rps-play-sub {
  font-size: .9rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.4;
  max-width: 24ch;
}

:where(html[data-chekku-page="dashboard"]) .mini-rps-btn,
:where(html[data-chekku-page="dashboard"]) .ghost-btn,
:where(html[data-chekku-page="dashboard"]) .primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  border-radius: var(--radius-control);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, opacity .16s ease, border-color .18s ease, background .18s ease;
  text-decoration: none;
}

:where(html[data-chekku-page="dashboard"]) .mini-rps-btn {
  min-height: 68px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26);
  color: var(--color-ink);
  box-shadow: none;
  font-size: 1.65rem;
  position: relative;
  overflow: hidden;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .mini-rps-btn:hover {
  transform: none;
  box-shadow: none;
  border-color: rgba(53,92,125,.24);
  background: var(--color-surface);
}

:where(html[data-chekku-page="dashboard"]) .mini-rps-btn:active {
  transform: translateY(-1px) scale(.99);
}

:where(html[data-chekku-page="dashboard"]) .mini-rps-btn .rps-emoji {
  font-size: 1.9rem;
  line-height: 1;
  display: block;
}

:where(html[data-chekku-page="dashboard"]) .mini-rps-btn .rps-label {
  font-size: .8rem;
  line-height: 1.05;
  font-weight: 600;
  display: block;
  white-space: nowrap;
}

:where(html[data-chekku-page="dashboard"]) .ghost-btn:hover,
:where(html[data-chekku-page="dashboard"]) .primary-btn:hover {
  transform: none;
}

:where(html[data-chekku-page="dashboard"]) .primary-btn {
  min-height: 48px;
  padding: 0 14px;
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .ghost-btn {
  min-height: 46px;
  padding: 0 14px;
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .ghost-btn.is-hidden {
  display: none !important;
}

:where(html[data-chekku-page="dashboard"]) .hero-note {
  color: var(--muted);
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="dashboard"]) .rank-window-note {
  color: var(--warn);
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,245,230),0.88);
  border: 1px solid rgba(178,106,0,.14);
  border-radius: var(--radius-card);
  padding: 10px 12px;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.35;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .panel {
  overflow: hidden;
}

:where(html[data-chekku-page="dashboard"]) .panel + .panel {
  margin-top: 16px;
}

:where(html[data-chekku-page="dashboard"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="dashboard"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where(html[data-chekku-page="dashboard"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="dashboard"]) .apps-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: 12px;
}

:where(html[data-chekku-page="dashboard"]) .app-card {
  --tone: var(--color-purple);
  --tone-soft: rgba(53,92,125,.10);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  text-decoration: none;
  padding: 15px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  min-height: 154px;
  overflow: hidden;
  cursor: pointer;
  isolation: isolate;
}

:where(html[data-chekku-page="dashboard"]) .app-card:hover {
  transform: none;
}

:where(html[data-chekku-page="dashboard"]) .app-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border-left: 5px solid var(--tone);
  opacity: .86;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="dashboard"]) .app-card::after {
  content: "↗";
  position: absolute;
  right: 12px;
  bottom: 10px;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  color: var(--tone);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.32);
  font-size: .9rem;
  font-weight: 600;
  box-shadow: none;
  transform: translateY(6px);
  opacity: .72;
  transition: transform .18s ease, opacity .18s ease;
}

:where(html[data-chekku-page="dashboard"]) .app-card:hover::after {
  transform: none;
  opacity: 1;
}

:where(html[data-chekku-page="dashboard"]) .app-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

:where(html[data-chekku-page="dashboard"]) .app-icon {
  width: 50px;
  height: 50px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  font-size: 1.5rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.34);
  box-shadow: none;
  flex: 0 0 50px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="dashboard"]) .app-card .tag {
  padding: 6px 9px;
  background: var(--color-surface);
  color: var(--tone);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.28);
  box-shadow: none;
  font-size: .72rem;
}

:where(html[data-chekku-page="dashboard"]) .app-card-button {
  width: 100%;
  text-align: left;
  font: inherit;
  border: none;
}

:where(html[data-chekku-page="dashboard"]) .announcement-preview {
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.16);
  padding: 14px;
  color: var(--ck-legacy-warning,#5F4B20);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="dashboard"]) .announcement-preview small {
  color: var(--ck-legacy-warning,#8A6A2B);
  font-weight: 600;
}

:where(html[data-chekku-page="dashboard"]) .announcement-form {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

:where(html[data-chekku-page="dashboard"]) .announcement-field {
  display: grid;
  gap: 7px;
}

:where(html[data-chekku-page="dashboard"]) .announcement-field label {
  font-size: .82rem;
  font-weight: 600;
  color: var(--color-blue-deep);
  text-transform: uppercase;
  letter-spacing: .04em;
}

:where(html[data-chekku-page="dashboard"]) .announcement-input,
:where(html[data-chekku-page="dashboard"]) .announcement-textarea {
  width: 100%;
  border: 1px solid rgba(53,92,125,.16);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  padding: 13px 14px;
  font: inherit;
  font-weight: 600;
  color: var(--color-ink);
  outline: none;
  box-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .announcement-input:focus,
:where(html[data-chekku-page="dashboard"]) .announcement-textarea:focus {
  border-color: rgba(53,92,125,.38);
  box-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .announcement-textarea {
  min-height: 170px;
  resize: vertical;
  line-height: 1.55;
}

:where(html[data-chekku-page="dashboard"]) .announcement-target-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: end;
}

:where(html[data-chekku-page="dashboard"]) .announcement-target-panel {
  padding: 14px;
  display: grid;
  gap: 12px;
}

:where(html[data-chekku-page="dashboard"]) .announcement-helper {
  color: var(--muted);
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="dashboard"]) .announcement-target-field {
  display: none;
}

:where(html[data-chekku-page="dashboard"]) .announcement-target-field.show {
  display: grid;
}

:where(html[data-chekku-page="dashboard"]) .announcement-card {
  width: min(700px, 100%);
}

:where(html[data-chekku-page="dashboard"]) .announcement-public {
  text-align: left;
}

:where(html[data-chekku-page="dashboard"]) .announcement-public-title {
  margin: 0 0 10px;
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--color-ink);
}

:where(html[data-chekku-page="dashboard"]) .announcement-public-meta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border-radius: var(--radius-card);
  background: var(--color-peach-soft);
  color: var(--ck-legacy-warning,#9A5B00);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.16);
  font-size: .78rem;
  font-weight: 600;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="dashboard"]) .announcement-public-body {
  white-space: pre-line;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.65;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24);
  border-radius: var(--radius-card);
  padding: 16px;
  max-height: 46vh;
  overflow: auto;
}

:where(html[data-chekku-page="dashboard"]) .alert-panel {
  margin-bottom: 16px;
}

:where(html[data-chekku-page="dashboard"]) .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-blue-soft-rgb,245,238,255),0.84);
  color: var(--chekku-primary-700);
  font-size: .78rem;
  font-weight: 600;
  border: 1px solid rgba(53,92,125,.14);
  white-space: nowrap;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .app-title {
  margin: 0;
}

:where(html[data-chekku-page="dashboard"]) .app-desc {
  margin: 0;
  flex-grow: 1;
}

:where(html[data-chekku-page="dashboard"]) .empty-state {
  text-align: center;
  padding: 26px 18px;
  border: 1px dashed rgba(53,92,125,.22);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--muted);
  font-weight: 600;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .footer-space {
  height: 6px;
}

:where(html[data-chekku-page="dashboard"]) .popup-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(18,16,28,.34);
  z-index: 9998;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .popup-backdrop.show {
  display: flex;
  animation: ck-dashboard-fadeIn .25s ease;
}

:where(html[data-chekku-page="dashboard"]) .popup-card {
  width: min(980px, 100%);
  max-height: min(88vh, 900px);
  overflow: auto;
  padding: 24px;
  position: relative;
  animation: ck-dashboard-popIn .32s ease;
}

:where(html[data-chekku-page="dashboard"]) .popup-card.compact {
  width: min(560px, 100%);
  text-align: center;
}

:where(html[data-chekku-page="dashboard"]) .popup-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="dashboard"]) .popup-title {
  margin: 0;
}

:where(html[data-chekku-page="dashboard"]) .popup-sub {
  margin: 6px 0 0;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="dashboard"]) .popup-close-x {
  border: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  width: 42px;
  height: 42px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  flex: 0 0 42px;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .popup-emoji {
  font-size: 3rem;
  margin-bottom: 8px;
}

:where(html[data-chekku-page="dashboard"]) .popup-text {
  color: var(--muted);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 18px;
}

:where(html[data-chekku-page="dashboard"]) .popup-vs {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 10px;
  align-items: center;
  margin-bottom: 18px;
}

:where(html[data-chekku-page="dashboard"]) .popup-vs-card {
  padding: 14px;
}

:where(html[data-chekku-page="dashboard"]) .popup-vs-label {
  font-size: .78rem;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="dashboard"]) .popup-vs-name {
  font-weight: 600;
  color: var(--color-blue-deep);
  margin-bottom: 8px;
}

:where(html[data-chekku-page="dashboard"]) .popup-vs-choice {
  font-size: 2rem;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="dashboard"]) .popup-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="dashboard"]) .modal-sections {
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="dashboard"]) .modal-card {
  padding: 16px;
}

:where(html[data-chekku-page="dashboard"]) .modal-card h3 {
  margin: 0 0 6px;
}

:where(html[data-chekku-page="dashboard"]) .modal-card p {
  margin: 0 0 12px;
}

:where(html[data-chekku-page="dashboard"]) .leaderboard {
  display: grid;
  gap: 10px;
}

:where(html[data-chekku-page="dashboard"]) .leader-row {
  display: grid;
  grid-template-columns: 56px minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  border-radius: var(--radius-card);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .leader-rank {
  width: 42px;
  height: 42px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  font-weight: 600;
  background: var(--color-blue-soft);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(53,92,125,.14);
}

:where(html[data-chekku-page="dashboard"]) .leader-name {
  font-weight: 600;
  color: var(--color-blue-deep);
  line-height: 1.2;
}

:where(html[data-chekku-page="dashboard"]) .leader-sub {
  color: var(--muted);
  font-size: .88rem;
  font-weight: 600;
  margin-top: 3px;
}

:where(html[data-chekku-page="dashboard"]) .leader-points {
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-ink);
  font-weight: 600;
  font-size: .92rem;
  white-space: nowrap;
}

:where(html[data-chekku-page="dashboard"]) .table-wrap {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  background: var(--color-surface);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="dashboard"]) .rank-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 760px;
}

:where(html[data-chekku-page="dashboard"]) .rank-table th,
:where(html[data-chekku-page="dashboard"]) .rank-table td {
  padding: 12px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
}

:where(html[data-chekku-page="dashboard"]) .rank-table th {
  background: rgba(var(--ck-legacy-blue-soft-rgb,245,238,255),0.92);
  color: var(--chekku-primary-700);
  font-size: .86rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  position: sticky;
  top: 0;
  z-index: 1;
}

:where(html[data-chekku-page="dashboard"]) .rank-table tbody tr:hover {
  background: var(--color-surface);
}

:where(html[data-chekku-page="dashboard"]) .cell-strong {
  font-weight: 600;
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="dashboard"]) .ranks-card {
  width: min(760px, 100%);
}

:where(html[data-chekku-page="dashboard"]) .rank-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 16px 0 14px;
}

:where(html[data-chekku-page="dashboard"]) .rank-tab {
  border: none;
  border-radius: var(--radius-control);
  padding: 9px 13px;
  background: rgba(var(--ck-legacy-blue-soft-rgb,245,238,255),0.84);
  color: var(--color-blue-deep);
  font: inherit;
  font-size: .88rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

:where(html[data-chekku-page="dashboard"]) .rank-tab:hover {
  transform: none;
}

:where(html[data-chekku-page="dashboard"]) .rank-tab.active {
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .rank-panel {
  display: none;
}

:where(html[data-chekku-page="dashboard"]) .rank-panel.active {
  display: block;
}

:where(html[data-chekku-page="dashboard"]) .ranks-card .rank-table {
  width: 100%;
  min-width: 0;
  border-collapse: separate;
  border-spacing: 0 8px;
}

:where(html[data-chekku-page="dashboard"]) .ranks-card .rank-table th {
  background: transparent;
  color: var(--muted);
  font-size: .76rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  text-align: left;
  padding: 0 10px 2px;
  font-weight: 600;
  white-space: nowrap;
  position: static;
}

:where(html[data-chekku-page="dashboard"]) .ranks-card .rank-table td {
  background: var(--color-surface);
  border-top: 1px solid rgba(53,92,125,.08);
  border-bottom: 1px solid rgba(53,92,125,.08);
  padding: 12px 10px;
  font-weight: 600;
  color: var(--color-ink);
}

:where(html[data-chekku-page="dashboard"]) .ranks-card .rank-table td:first-child {
  border-left: 1px solid rgba(53,92,125,.08);
  border-radius: var(--radius-card) 0 0 var(--radius-card);
  width: 58px;
}

:where(html[data-chekku-page="dashboard"]) .ranks-card .rank-table td:last-child {
  border-right: 1px solid rgba(53,92,125,.08);
  border-radius: 0 var(--radius-card) var(--radius-card) 0;
}

:where(html[data-chekku-page="dashboard"]) .rank-medal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  color: var(--color-blue-deep);
  font-weight: 600;
}

:where(html[data-chekku-page="dashboard"]) .rank-name {
  font-weight: 600;
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="dashboard"]) .rank-points {
  font-size: 1rem;
  font-weight: 600;
  color: var(--ck-legacy-success,#126B45);
}

:where(html[data-chekku-page="dashboard"]) .rank-empty {
  padding: 18px;
  border: 1px dashed rgba(53,92,125,.18);
  border-radius: var(--radius-card);
  text-align: center;
  color: var(--muted);
  font-weight: 600;
  background: var(--color-surface);
}

:where(html[data-chekku-page="dashboard"]) .rank-window-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border-radius: var(--radius-control);
  background: var(--ck-legacy-success-soft,#EAF9F1);
  color: var(--ck-legacy-success,#18794E);
  border: 1px solid rgba(31,143,95,.14);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="dashboard"]) .confetti {
  position: fixed;
  top: -12px;
  width: 10px;
  height: 18px;
  opacity: .95;
  z-index: 9999;
  pointer-events: none;
  animation: ck-dashboard-fall linear forwards;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="dashboard"]) .lose-spark {
  position: fixed;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(201,77,90,.55);
  z-index: 9999;
  pointer-events: none;
  animation: ck-dashboard-loseFade .9s ease forwards;
}

:where(html[data-chekku-page="dashboard"]) .draw-bubble {
  position: fixed;
  width: 14px;
  height: 14px;
  border-radius: var(--radius-card);
  border: 2px solid rgba(36,87,166,.34);
  background: var(--color-surface);
  z-index: 9999;
  pointer-events: none;
  animation: ck-dashboard-drawFloat 1.45s ease-out forwards;
  box-shadow: none;
}

@keyframes ck-dashboard-loseFade {
from {
  transform: scale(1) translateY(0);
  opacity: .85;
}

to {
  transform: scale(.2) translateY(24px);
  opacity: 0;
}
}

@keyframes ck-dashboard-drawFloat {
from {
  transform: translateY(0) scale(.7);
  opacity: .9;
}

to {
  transform: translateY(-80px) scale(1.65);
  opacity: 0;
}
}

@keyframes ck-dashboard-fall {
to {
  transform: translate3d(var(--tx), 105vh, 0) rotate(var(--rot));
  opacity: .98;
}
}

@keyframes ck-dashboard-popIn {
from {
  transform: scale(.88) translateY(8px);
  opacity: 0;
}

to {
  transform: scale(1) translateY(0);
  opacity: 1;
}
}

@keyframes ck-dashboard-fadeIn {
from {
  opacity: 0;
}

to {
  opacity: 1;
}
}

@media (max-width:1180px) {
:where(html[data-chekku-page="dashboard"]) .hero-side.admin {
  grid-template-columns: 1fr 1fr;
}

:where(html[data-chekku-page="dashboard"]) .hero-card.admin-only {
  grid-column: 1 / -1;
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="dashboard"]) .hero-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="dashboard"]) .hero {
  min-height: auto;
  padding-bottom: 22px;
}

:where(html[data-chekku-page="dashboard"]) .hero-mascot {
  width: 220px;
  left: -12px;
  bottom: -6px;
  opacity: .24;
}

:where(html[data-chekku-page="dashboard"]) .hero-side.admin,
:where(html[data-chekku-page="dashboard"]) .hero-side.user {
  grid-template-columns: 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="dashboard"]) .page-shell {
  min-height: 100svh;
  min-height: 100dvh;
  padding: 14px 0 18px;
  justify-content: center;
}

:where(html[data-chekku-page="dashboard"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="dashboard"]) .hero-top {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="dashboard"]) .hero-mascot {
  width: 180px;
  left: -24px;
  bottom: -6px;
  opacity: .18;
}

:where(html[data-chekku-page="dashboard"]) .hero-copy {
  padding-left: 0;
}

:where(html[data-chekku-page="dashboard"]) .wellbeing-options {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

:where(html[data-chekku-page="dashboard"]) .popup-vs {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="dashboard"]) .panel-head,
:where(html[data-chekku-page="dashboard"]) .popup-head {
  flex-direction: column;
  align-items: flex-start;
}
}

@media (max-height:720px) {
:where(html[data-chekku-page="dashboard"]) .page-shell {
  justify-content: flex-start;
}
}

@media (max-width:560px) {
:where(html[data-chekku-page="dashboard"]) .wellbeing-options,
:where(html[data-chekku-page="dashboard"]) .rps-play-grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

:where(html[data-chekku-page="dashboard"]) .wellbeing-btn {
  min-height: 86px;
  font-size: 2rem;
}

:where(html[data-chekku-page="dashboard"]) .rps-stats {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
}

@media (max-width:460px) {
:where(html[data-chekku-page="dashboard"]) .wellbeing-options {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 7px;
}

:where(html[data-chekku-page="dashboard"]) .wellbeing-btn {
  min-height: 72px;
  font-size: 1.45rem;
}

:where(html[data-chekku-page="dashboard"]) .wellbeing-btn small {
  font-size: .62rem;
}

:where(html[data-chekku-page="dashboard"]) .leader-row {
  grid-template-columns: 48px minmax(0,1fr);
}

:where(html[data-chekku-page="dashboard"]) .leader-points {
  grid-column: 1 / -1;
  justify-self: start;
}

:where(html[data-chekku-page="dashboard"]) .logout-btn {
  width: 100%;
  justify-content: center;
}
}

:where(html[data-chekku-page="dashboard"]) .page-shell {
  justify-content: center;
}

:where(html[data-chekku-page="dashboard"]) .app-page-shell.hero {
  min-height: auto;
}

:where(html[data-chekku-page="dashboard"]) .app-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

:where(html[data-chekku-page="dashboard"]) .brand-cluster {
  display: flex;
  align-items: center;
  min-width: 0;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb {
  display: grid;
  place-items: center;
  overflow: hidden;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb img {
  width: 58px;
  height: 58px;
  object-fit: contain;
  filter: none;
}

:where(html[data-chekku-page="dashboard"]) .app-kicker,
:where(html[data-chekku-page="dashboard"]) .mini-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
  text-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .brand-cluster h1 {
  margin: 3px 0 0;
}

:where(html[data-chekku-page="dashboard"]) .topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="dashboard"]) .chip.glass-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  color: var(--color-ink);
  font-size: .82rem;
  font-weight: 600;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  text-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .app-logout.logout-btn {
  min-height: 40px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.24);
  box-shadow: none;
  text-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .app-layout {
  display: grid;
  grid-template-columns: minmax(330px, .82fr) minmax(0, 1.18fr);
  gap: 16px;
  align-items: stretch;
}

:where(html[data-chekku-page="dashboard"]) .today-stack {
  display: grid;
  gap: 12px;
  align-content: start;
}

:where(html[data-chekku-page="dashboard"]) .hero-intro-card,
:where(html[data-chekku-page="dashboard"]) .daily-card,
:where(html[data-chekku-page="dashboard"]) .launchpad-panel {
  overflow: hidden;
}

:where(html[data-chekku-page="dashboard"]) .hero-intro-card {
  position: relative;
  min-height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  isolation: isolate;
}

:where(html[data-chekku-page="dashboard"]) .hero-intro-card::before {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  z-index: -1;
}

:where(html[data-chekku-page="dashboard"]) .intro-logo-wrap {
  position: absolute;
  right: -18px;
  top: 8px;
  width: 190px;
  opacity: .96;
  pointer-events: none;
}

:where(html[data-chekku-page="dashboard"]) .intro-logo-wrap img {
  width: 100%;
  height: auto;
  display: block;
}

:where(html[data-chekku-page="dashboard"]) .intro-copy {
  max-width: 360px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="dashboard"]) .intro-copy h2,
:where(html[data-chekku-page="dashboard"]) .launchpad-head h2,
:where(html[data-chekku-page="dashboard"]) .daily-card h3 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="dashboard"]) .intro-copy p,
:where(html[data-chekku-page="dashboard"]) .launchpad-head p {
  margin: 9px 0 0;
}

:where(html[data-chekku-page="dashboard"]) .intro-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 9px;
  margin-top: 18px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="dashboard"]) .intro-stats div {
  min-width: 0;
  border-radius: var(--radius-card);
  padding: 12px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
}

:where(html[data-chekku-page="dashboard"]) .intro-stats strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="dashboard"]) .intro-stats small {
  display: block;
  margin-top: 5px;
  color: var(--color-ink);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="dashboard"]) .daily-card.is-muted {
  opacity: .92;
}

:where(html[data-chekku-page="dashboard"]) .daily-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="dashboard"]) .daily-result {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
}

:where(html[data-chekku-page="dashboard"]) .daily-result-emoji {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
  font-size: 1.8rem;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="dashboard"]) .daily-result strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.05rem;
  font-weight: 600;
}

:where(html[data-chekku-page="dashboard"]) .daily-result span {
  display: block;
  color: var(--color-ink);
  font-size: .86rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="dashboard"]) .muted-result {
  opacity: .9;
}

:where(html[data-chekku-page="dashboard"]) .app-mood-grid.wellbeing-options {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
}

:where(html[data-chekku-page="dashboard"]) .app-mood-grid .wellbeing-btn,
:where(html[data-chekku-page="dashboard"]) .app-rps-grid .mini-rps-btn {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
  box-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .app-mood-grid .wellbeing-btn small {
  color: var(--color-ink);
}

:where(html[data-chekku-page="dashboard"]) .app-mood-grid .wellbeing-btn:hover,
:where(html[data-chekku-page="dashboard"]) .app-rps-grid .mini-rps-btn:hover {
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.34);
}

:where(html[data-chekku-page="dashboard"]) .app-rps-intro {
  margin: 0 0 10px;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.16);
}

:where(html[data-chekku-page="dashboard"]) .app-rps-intro .hero-teaser-title {
  color: var(--color-ink);
}

:where(html[data-chekku-page="dashboard"]) .app-rps-intro .hero-teaser-sub {
  color: var(--color-ink);
}

:where(html[data-chekku-page="dashboard"]) .app-rank-btn.ghost-btn {
  width: 100%;
  margin-top: 10px;
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
}

:where(html[data-chekku-page="dashboard"]) .launchpad-panel {
  padding: 18px;
  min-height: 100%;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-count {
  width: 72px;
  height: 72px;
  flex: 0 0 auto;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
  display: grid;
  place-items: center;
  text-align: center;
  box-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-count strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.45rem;
  line-height: .9;
  font-weight: 600;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-count span {
  display: block;
  margin-top: 3px;
  color: var(--color-ink);
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card {
  min-height: 178px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card::before {
  border-left: none;
  background: var(--color-surface);
  width: 5px;
  right: auto;
  border-radius: inherit;
  opacity: .88;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card::after {
  content: none;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
  box-shadow: none;
  font-size: 1.65rem;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-copy span {
  display: inline-flex;
  margin-bottom: 5px;
  color: var(--color-ink);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="dashboard"]) .app-tile .app-title {
  letter-spacing: -.025em;
  text-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .app-tile .app-desc {
  margin-top: 5px;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-arrow {
  position: absolute;
  top: 14px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
  color: var(--color-ink);
  font-weight: 600;
  opacity: .82;
  transition: transform .18s ease, opacity .18s ease, background .18s ease;
}

:where(html[data-chekku-page="dashboard"]) .app-tile:hover .app-tile-arrow {
  opacity: 1;
  background: var(--color-surface);
}

:where(html[data-chekku-page="dashboard"]) .app-tile .announcement-preview {
  margin-top: 8px;
  color: var(--color-ink);
  background: rgba(180,35,24,.22);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
}

:where(html[data-chekku-page="dashboard"]) .hero-card-badge {
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.2) !important;
  box-shadow: none;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="dashboard"]) .app-layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="dashboard"]) .today-stack {
  grid-template-columns: repeat(2, minmax(0,1fr));
}

:where(html[data-chekku-page="dashboard"]) .hero-intro-card {
  grid-column: 1 / -1;
  min-height: 230px;
}

:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="dashboard"]) .app-page-shell.hero {
  padding: 14px;
}

:where(html[data-chekku-page="dashboard"]) .app-topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="dashboard"]) .topbar-actions {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="dashboard"]) .today-stack {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-head {
  align-items: flex-start;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-count {
  width: 62px;
  height: 62px;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="dashboard"]) .intro-logo-wrap {
  width: 155px;
  opacity: .80;
}
}

@media (max-width:460px) {
:where(html[data-chekku-page="dashboard"]) .brand-orb img {
  width: 52px;
  height: 52px;
}

:where(html[data-chekku-page="dashboard"]) .chip.glass-chip,
:where(html[data-chekku-page="dashboard"]) .app-logout.logout-btn {
  width: 100%;
}
}

:root:where(html[data-chekku-page="dashboard"]) {
  --border: rgba(15,42,82,.14);
  --glass: rgba(255,255,255,.28);
}

:where(html[data-chekku-page="dashboard"]) .page-shell {
  padding: clamp(16px, 2.6vh, 30px) 0;
}

:where(html[data-chekku-page="dashboard"]) .app-page-shell.hero {
  padding: 18px;
}

:where(html[data-chekku-page="dashboard"]) .app-topbar {
  margin-bottom: 16px;
}

:where(html[data-chekku-page="dashboard"]) .chip.glass-chip {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.48) !important;
  color: var(--color-ink) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-logout.logout-btn {
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.5) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-layout {
  grid-template-columns: minmax(340px, .78fr) minmax(0, 1.22fr);
  gap: 18px;
}

:where(html[data-chekku-page="dashboard"]) .hero-intro-card {
  min-height: 265px;
}

:where(html[data-chekku-page="dashboard"]) .hero-intro-card::before {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="dashboard"]) .intro-logo-wrap {
  opacity: .92;
  filter: none;
}

:where(html[data-chekku-page="dashboard"]) .intro-stats div,
:where(html[data-chekku-page="dashboard"]) .daily-result,
:where(html[data-chekku-page="dashboard"]) .app-rps-intro,
:where(html[data-chekku-page="dashboard"]) .launchpad-count {
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.5) !important;
  box-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .daily-result-emoji {
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .app-mood-grid .wellbeing-btn:hover,
:where(html[data-chekku-page="dashboard"]) .app-rps-grid .mini-rps-btn:hover,
:where(html[data-chekku-page="dashboard"]) .app-rank-btn.ghost-btn:hover {
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.7) !important;
}

:where(html[data-chekku-page="dashboard"]) .hero-card-badge {
  background: var(--color-surface) !important;
  color: var(--color-blue) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.56) !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-panel {
  padding: 20px;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-head {
  align-items: center;
  padding: 2px 2px 10px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.35);
}

:where(html[data-chekku-page="dashboard"]) .launchpad-count {
  width: 76px;
  height: 76px;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 13px;
  margin-top: 14px;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card {
  min-height: 142px;
  padding: 16px 52px 16px 16px;
  display: grid;
  grid-template-columns: 62px minmax(0,1fr);
  grid-template-rows: auto;
  align-items: center;
  gap: 14px;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card::before {
  width: 6px;
  opacity: .95;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-icon {
  width: 62px;
  height: 62px;
  border-radius: var(--radius-card);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-arrow {
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: none;
}

:where(html[data-chekku-page="dashboard"]) .app-tile:hover {
  transform: none;
}

:where(html[data-chekku-page="dashboard"]) .app-tile:hover .app-tile-arrow {
  transform: none;
}

:where(html[data-chekku-page="dashboard"]) .app-tile .announcement-preview {
  grid-column: 1 / -1;
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,247,230),0.72) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.16) !important;
}

:where(html[data-chekku-page="dashboard"]) .rank-window-note {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,247,230),0.74) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="dashboard"]) .app-layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="dashboard"]) .today-stack {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

:where(html[data-chekku-page="dashboard"]) .hero-intro-card {
  grid-column: auto;
  min-height: 100%;
}
}

@media (max-width:860px) {
:where(html[data-chekku-page="dashboard"]) .today-stack {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card {
  min-height: 128px;
}
}

@media (max-width:560px) {
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card {
  grid-template-columns: 54px minmax(0,1fr);
  padding: 14px 48px 14px 14px;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-icon {
  width: 54px;
  height: 54px;
  border-radius: var(--radius-card);
}
}

:root:where(html[data-chekku-page="dashboard"]) {
  --deck-card: rgba(255,255,255,.62);
  --deck-card-strong: rgba(255,255,255,.78);
  --deck-border: rgba(255,255,255,.56);
}

:where(html[data-chekku-page="dashboard"]) .page-shell {
  padding: clamp(14px, 2vh, 24px) 0 !important;
}

:where(html[data-chekku-page="dashboard"]) .app-page-shell.hero {
  padding: 16px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-page-shell.hero::before {
  content: none !important;
  position: absolute !important;
  inset: 12px !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  pointer-events: none !important;
  background: var(--color-surface) !important;
  z-index: -1 !important;
}

:where(html[data-chekku-page="dashboard"]) .app-topbar {
  position: relative;
}

:where(html[data-chekku-page="dashboard"]) .app-topbar::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="dashboard"]) .brand-orb img {
  width: 64px !important;
  height: 64px !important;
}

:where(html[data-chekku-page="dashboard"]) .chip.glass-chip,
:where(html[data-chekku-page="dashboard"]) .app-logout.logout-btn {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-ink) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-layout {
  grid-template-columns: minmax(310px,.52fr) minmax(0,1.48fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

:where(html[data-chekku-page="dashboard"]) .today-stack {
  gap: 12px !important;
}

:where(html[data-chekku-page="dashboard"]) .hero-intro-card {
  min-height: 300px !important;
}

:where(html[data-chekku-page="dashboard"]) .intro-logo-wrap {
  right: -4px !important;
  top: -6px !important;
  width: 205px !important;
  opacity: .94 !important;
  transform: rotate(-3deg);
  filter: none !important;
}

:where(html[data-chekku-page="dashboard"]) .intro-stats {
  grid-template-columns: 1fr !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="dashboard"]) .intro-stats div,
:where(html[data-chekku-page="dashboard"]) .daily-result,
:where(html[data-chekku-page="dashboard"]) .app-rps-intro,
:where(html[data-chekku-page="dashboard"]) .launchpad-count {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .intro-stats strong,
:where(html[data-chekku-page="dashboard"]) .daily-result strong,
:where(html[data-chekku-page="dashboard"]) .launchpad-count strong,
:where(html[data-chekku-page="dashboard"]) .app-rps-intro .hero-teaser-title {
  color: var(--color-ink) !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .intro-stats small,
:where(html[data-chekku-page="dashboard"]) .daily-result span,
:where(html[data-chekku-page="dashboard"]) .launchpad-count span,
:where(html[data-chekku-page="dashboard"]) .app-rps-intro .hero-teaser-sub {
  color: var(--color-muted) !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .daily-card-head {
  margin-bottom: 10px !important;
}

:where(html[data-chekku-page="dashboard"]) .daily-result-emoji {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.66) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .hero-card-badge,
:where(html[data-chekku-page="dashboard"]) .app-rank-btn.ghost-btn {
  background: var(--color-surface) !important;
  color: var(--color-blue) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-mood-grid .wellbeing-btn,
:where(html[data-chekku-page="dashboard"]) .app-rps-grid .mini-rps-btn {
  min-height: 72px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-mood-grid .wellbeing-btn small {
  color: var(--color-muted) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-mood-grid .wellbeing-btn:hover,
:where(html[data-chekku-page="dashboard"]) .app-rps-grid .mini-rps-btn:hover,
:where(html[data-chekku-page="dashboard"]) .app-rank-btn.ghost-btn:hover {
  transform: none !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.82) !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-panel {
  position: relative;
  padding: 22px !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-panel::before {
  content: "CHEKKU OS";
  position: absolute;
  right: 18px;
  top: 8px;
  color: rgba(var(--ck-legacy-accent-rgb,10,78,163),0.055);
  font-size: clamp(3rem, 8vw, 7.8rem);
  font-weight: 600;
  letter-spacing: -.08em;
  line-height: .8;
  pointer-events: none;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-head {
  position: relative;
  z-index: 1;
  border-bottom: none !important;
  margin-bottom: 18px !important;
  padding-bottom: 0 !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-count {
  width: 84px !important;
  height: 84px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(6, minmax(0,1fr)) !important;
  grid-auto-rows: minmax(154px, auto);
  gap: 13px !important;
  margin-top: 16px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card {
  min-height: 154px !important;
  grid-column: span 2;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  transform: translateZ(0);
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(4) {
  grid-column: span 3;
  min-height: 182px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card::before {
  left: 14px !important;
  right: 14px !important;
  top: auto !important;
  bottom: 12px !important;
  height: 4px !important;
  opacity: .95 !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-icon {
  width: 64px !important;
  height: 64px !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.7) !important;
  font-size: 1.75rem !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-copy span {
  font-size: .68rem !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile .app-title {
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-arrow {
  top: 16px !important;
  right: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.68) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile:hover .app-tile-arrow {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile .announcement-preview {
  color: var(--ck-legacy-warning,#5F4B20) !important;
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,247,230),0.76) !important;
  border-color: rgba(244,122,31,.20) !important;
}

@media (max-width:1160px) {
:where(html[data-chekku-page="dashboard"]) .app-layout {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="dashboard"]) .today-stack {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="dashboard"]) .hero-intro-card {
  min-height: 240px !important;
}

:where(html[data-chekku-page="dashboard"]) .intro-stats {
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}
}

@media (max-width:920px) {
:where(html[data-chekku-page="dashboard"]) .today-stack {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card,
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(4) {
  grid-column: span 1 !important;
  min-height: 150px !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-head {
  flex-direction: column !important;
}
}

@media (max-width:620px) {
:where(html[data-chekku-page="dashboard"]) .app-topbar {
  align-items: flex-start !important;
  flex-direction: column !important;
}

:where(html[data-chekku-page="dashboard"]) .topbar-actions {
  width: 100% !important;
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="dashboard"]) .chip.glass-chip,
:where(html[data-chekku-page="dashboard"]) .app-logout.logout-btn {
  width: 100% !important;
}

:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="dashboard"]) .app-page-shell.hero {
  padding: 12px !important;
}

:where(html[data-chekku-page="dashboard"]) .intro-logo-wrap {
  width: 150px !important;
  opacity: .72 !important;
}
}

:where(html[data-chekku-page="dashboard"]) .app-page-shell.hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-kicker,
:where(html[data-chekku-page="dashboard"]) .mini-label {
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-cluster h1,
:where(html[data-chekku-page="dashboard"]) .intro-copy h2,
:where(html[data-chekku-page="dashboard"]) .launchpad-head h2,
:where(html[data-chekku-page="dashboard"]) .daily-card h3,
:where(html[data-chekku-page="dashboard"]) .app-title {
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .intro-copy p,
:where(html[data-chekku-page="dashboard"]) .launchpad-head p,
:where(html[data-chekku-page="dashboard"]) .app-desc,
:where(html[data-chekku-page="dashboard"]) .daily-result span {
  color: var(--color-muted) !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .chip.glass-chip,
:where(html[data-chekku-page="dashboard"]) .app-logout.logout-btn,
:where(html[data-chekku-page="dashboard"]) .hero-card-badge,
:where(html[data-chekku-page="dashboard"]) .app-rank-btn.ghost-btn {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-panel {
  padding: 20px !important;
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-panel::before {
  content: none !important;
  position: absolute !important;
  inset: 0 !important;
  background: var(--color-surface) !important;
  background-size: auto, 46px 46px, 46px 46px !important;
  opacity: .90 !important;
  pointer-events: none !important;
  mask-image: linear-gradient(180deg, #000, transparent 92%) !important;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 92%) !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-head {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(8,42,85,.10) !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-head h2 {
  margin: 0 !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-count {
  min-width: 78px !important;
  width: auto !important;
  height: auto !important;
  text-align: center !important;
  border-radius: var(--radius-card) !important;
  padding: 10px 13px !important;
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.34) !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-count strong {
  display: block !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-count span {
  font-size: .72rem !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card::before {
  opacity: .78 !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-icon {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-arrow {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.6) !important;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="dashboard"]) .app-layout {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="dashboard"]) .today-stack {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
}

@media (max-width:860px) {
:where(html[data-chekku-page="dashboard"]) .today-stack {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:560px) {
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card,
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(4) {
  grid-template-columns: 58px minmax(0,1fr) !important;
  padding: 14px !important;
  min-height: 132px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-arrow {
  display: none !important;
}
}

:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
  grid-auto-rows: auto !important;
  margin-top: 0 !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card,
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(4) {
  min-height: 156px !important;
  grid-column: span 1 !important;
  padding: 16px !important;
  display: grid !important;
  grid-template-columns: 70px minmax(0,1fr) 34px !important;
  align-items: center !important;
  overflow: hidden !important;
  transform: none !important;
  text-decoration: none !important;
  isolation: isolate !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card::before {
  content: none !important;
  position: absolute !important;
  inset: auto 16px 12px 16px !important;
  width: auto !important;
  height: 5px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  opacity: .75 !important;
  border: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card::after {
  content: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-icon {
  width: 70px !important;
  height: 70px !important;
  border-radius: var(--radius-card) !important;
  font-size: 1.8rem !important;
  place-items: center !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  position: relative !important;
  z-index: 1 !important;
  flex: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-copy {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-copy span {
  color: var(--tone) !important;
  font-size: .70rem !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile .app-title {
  margin: 4px 0 4px !important;
  letter-spacing: -.035em !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-arrow {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.54) !important;
  box-shadow: none !important;
  display: grid !important;
  place-items: center !important;
  font-weight: 600 !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile:hover {
  transform: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile:hover .app-tile-arrow {
  transform: none !important;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
}

@media (max-width:860px) {
:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:560px) {
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card,
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(4) {
  grid-template-columns: 58px minmax(0,1fr) !important;
  padding: 14px !important;
  min-height: 132px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-arrow {
  display: none !important;
}
}

:where(html[data-chekku-page="dashboard"]) .app-tile-bg-icon {
  right: 44px !important;
  font-size: 7.4rem !important;
  line-height: 1 !important;
  pointer-events: none !important;
  user-select: none !important;
  z-index: 0 !important;
  transition: opacity .2s ease, transform .2s ease, right .2s ease !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile:hover .app-tile-bg-icon {
  right: 38px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-icon,
:where(html[data-chekku-page="dashboard"]) .app-tile-copy,
:where(html[data-chekku-page="dashboard"]) .app-tile-arrow {
  z-index: 2 !important;
}

@media (max-width:560px) {
:where(html[data-chekku-page="dashboard"]) .app-tile-bg-icon {
  right: 12px !important;
  font-size: 5.8rem !important;
}
}

:where(html[data-chekku-page="dashboard"]) .hero-intro-card {
  justify-content: center !important;
  gap: 18px !important;
}

:where(html[data-chekku-page="dashboard"]) .intro-copy {
  text-align: left !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-head {
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-count {
  display: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card,
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(4) {
  grid-template-columns: minmax(0,1fr) 38px !important;
  min-height: 148px !important;
  padding: 18px 18px 18px 20px !important;
  gap: 14px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-icon {
  display: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-copy {
  padding-right: 18px !important;
  max-width: calc(100% - 8px) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-bg-icon {
  right: 32px !important;
  top: 50% !important;
  font-size: 8.9rem !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile:hover .app-tile-bg-icon {
  right: 24px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile .app-title,
:where(html[data-chekku-page="dashboard"]) .app-tile .app-desc,
:where(html[data-chekku-page="dashboard"]) .app-tile-copy span {
  position: relative !important;
  z-index: 3 !important;
}

@media (max-width:560px) {
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card,
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(4) {
  grid-template-columns: minmax(0,1fr) !important;
  min-height: 138px !important;
  padding: 16px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-copy {
  padding-right: 0 !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-bg-icon {
  right: 8px !important;
  font-size: 6.8rem !important;
}
}

:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: 14px !important;
  max-width: 100% !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card,
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(4) {
  min-height: 158px !important;
  padding: 18px 18px 19px 20px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-copy {
  padding-right: 8px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-bg-icon {
  right: 18px !important;
  font-size: 7.3rem !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile:hover .app-tile-bg-icon {
  right: 12px !important;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.app-card,
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="dashboard"]) .app-tile.app-card:nth-child(4) {
  min-height: 152px !important;
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="dashboard"]) .app-launch-grid.apps-grid {
  grid-template-columns: 1fr !important;
}
}

:root:where(html[data-chekku-page="dashboard"]) {
  --border: rgba(53,92,125,.14);
  --border-soft: rgba(39,58,77,.08);
  --glass: rgba(255,255,255,.18);
  --glass-border: rgba(255,255,255,.34);
  --deck-card: rgba(255,255,255,.58);
  --deck-card-strong: rgba(255,255,255,.76);
  --deck-border: rgba(255,255,255,.52);
}

:where(html[data-chekku-page="dashboard"]) .brand-orb,
:where(html[data-chekku-page="dashboard"]) .chip.glass-chip,
:where(html[data-chekku-page="dashboard"]) .app-logout.logout-btn,
:where(html[data-chekku-page="dashboard"]) .hero-intro-card,
:where(html[data-chekku-page="dashboard"]) .daily-card,
:where(html[data-chekku-page="dashboard"]) .launchpad-panel,
:where(html[data-chekku-page="dashboard"]) .intro-stats div,
:where(html[data-chekku-page="dashboard"]) .daily-result,
:where(html[data-chekku-page="dashboard"]) .app-rps-intro,
:where(html[data-chekku-page="dashboard"]) .hero-card-badge {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.48) !important;
  box-shadow: none !important;
  color: var(--text) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-kicker,
:where(html[data-chekku-page="dashboard"]) .mini-label,
:where(html[data-chekku-page="dashboard"]) .app-tile-copy span {
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-cluster h1,
:where(html[data-chekku-page="dashboard"]) .intro-copy h2,
:where(html[data-chekku-page="dashboard"]) .launchpad-head h2,
:where(html[data-chekku-page="dashboard"]) .daily-card h3,
:where(html[data-chekku-page="dashboard"]) .intro-stats strong,
:where(html[data-chekku-page="dashboard"]) .daily-result strong,
:where(html[data-chekku-page="dashboard"]) .launchpad-count strong,
:where(html[data-chekku-page="dashboard"]) .app-rps-intro .hero-teaser-title,
:where(html[data-chekku-page="dashboard"]) .app-tile .app-title {
  color: var(--color-ink) !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .intro-copy p,
:where(html[data-chekku-page="dashboard"]) .launchpad-head p,
:where(html[data-chekku-page="dashboard"]) .intro-stats small,
:where(html[data-chekku-page="dashboard"]) .daily-result span,
:where(html[data-chekku-page="dashboard"]) .launchpad-count span,
:where(html[data-chekku-page="dashboard"]) .app-rps-intro .hero-teaser-sub,
:where(html[data-chekku-page="dashboard"]) .app-tile .app-desc {
  color: var(--color-muted) !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-arrow {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.56) !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="dashboard"]) .app-mood-grid .wellbeing-btn,
:where(html[data-chekku-page="dashboard"]) .app-rps-grid .mini-rps-btn,
:where(html[data-chekku-page="dashboard"]) .app-rank-btn.ghost-btn {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .rank-window-note,
:where(html[data-chekku-page="dashboard"]) .app-tile .announcement-preview {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,247,230),0.76) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.18) !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-head-clean {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-head-clean h2 {
  margin: 0 !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-head-clean .mini-label,
:where(html[data-chekku-page="dashboard"]) .launchpad-head-clean p {
  display: none !important;
}

:where(html[data-chekku-page="dashboard"]) .launchpad-panel .app-launch-grid.apps-grid {
  margin-top: 0 !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb {
  flex: 0 0 88px !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb img {
  width: 86px !important;
  height: 86px !important;
}

@media (max-width:680px) {
:where(html[data-chekku-page="dashboard"]) .brand-orb {
  flex-basis: 74px !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb img {
  width: 72px !important;
  height: 72px !important;
}
}

:where(html[data-chekku-page="dashboard"]) .app-page-shell.hero::before,
:where(html[data-chekku-page="dashboard"]) .app-page-shell.hero::after {
  border-radius: 0 !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb {
  flex: 0 0 112px !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb img {
  width: 110px !important;
  height: 110px !important;
}

:where(html[data-chekku-page="dashboard"]) .app-logout.logout-btn {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-logout.logout-btn:hover {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.72) !important;
  box-shadow: none !important;
}

@media (max-width:680px) {
:where(html[data-chekku-page="dashboard"]) .brand-orb {
  flex-basis: 88px !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb img {
  width: 86px !important;
  height: 86px !important;
}
}

:where(html[data-chekku-page="dashboard"]) .brand-orb {
  flex: 0 0 132px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile-icon {
  box-shadow: none !important;
}

@media (max-width:680px) {
:where(html[data-chekku-page="dashboard"]) .brand-orb {
  flex-basis: 104px !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb img {
  width: 102px !important;
  height: 102px !important;
}
}

:where(html[data-chekku-page="dashboard"]) .app-tile-bg-icon {
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile:hover .app-tile-bg-icon {
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.tone-green .app-tile-bg-icon {
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.tone-green:hover .app-tile-bg-icon {
  text-shadow: none !important;
}

@media (max-width:560px) {
:where(html[data-chekku-page="dashboard"]) .app-tile-bg-icon {
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile:hover .app-tile-bg-icon {
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.tone-green .app-tile-bg-icon {
  text-shadow: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-tile.tone-green:hover .app-tile-bg-icon {
  text-shadow: none !important;
}
}

html:where(html[data-chekku-page="dashboard"]),
:where(html[data-chekku-page="dashboard"]) body {
  min-height: 100%;
  overflow-x: hidden;
}

:where(html[data-chekku-page="dashboard"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="dashboard"]) header,
:where(html[data-chekku-page="dashboard"]) main,
:where(html[data-chekku-page="dashboard"]) .page-shell,
:where(html[data-chekku-page="dashboard"]) .hero,
:where(html[data-chekku-page="dashboard"]) .panel,
:where(html[data-chekku-page="dashboard"]) .popup-backdrop,
:where(html[data-chekku-page="dashboard"]) .popup-card {
  position: relative;
}

:where(html[data-chekku-page="dashboard"]) main,
:where(html[data-chekku-page="dashboard"]) .page-shell,
:where(html[data-chekku-page="dashboard"]) .hero,
:where(html[data-chekku-page="dashboard"]) .panel {
  z-index: 1;
}

:where(html[data-chekku-page="dashboard"]) .popup-backdrop,
:where(html[data-chekku-page="dashboard"]) .modal-backdrop {
  z-index: 9998;
}

:where(html[data-chekku-page="dashboard"]) .chekku-bg-filter + .page-shell {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="dashboard"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="dashboard"]) body::before,
:where(html[data-chekku-page="dashboard"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="dashboard"]) .chekku-bg-filter {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: var(--color-surface) !important;
  background-size: cover !important;
  background-attachment: scroll !important;
  transform: translateZ(0) !important;
}

:where(html[data-chekku-page="dashboard"]) .page-shell,
:where(html[data-chekku-page="dashboard"]) .app-page-shell,
:where(html[data-chekku-page="dashboard"]) .panel {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="dashboard"]) .app-page-shell.hero::before,
:where(html[data-chekku-page="dashboard"]) .app-page-shell.hero::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-topbar {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 14px !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="dashboard"]) .app-topbar::before {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="dashboard"]) .app-topbar::after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: var(--color-surface) !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb,
:where(html[data-chekku-page="dashboard"]) .brand-orb::before,
:where(html[data-chekku-page="dashboard"]) .brand-orb::after {
  width: 132px !important;
  height: 132px !important;
  flex: 0 0 132px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb::before,
:where(html[data-chekku-page="dashboard"]) .brand-orb::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb img {
  width: 130px !important;
  height: 130px !important;
  object-fit: contain !important;
  filter: none !important;
}

@media (max-width:680px) {
:where(html[data-chekku-page="dashboard"]) .app-topbar {
  align-items: flex-start !important;
  flex-direction: column !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb {
  flex-basis: 88px !important;
}

:where(html[data-chekku-page="dashboard"]) .brand-orb img {
  width: 86px !important;
  height: 86px !important;
}
}

:where(html[data-chekku-page="dashboard"]) .popup-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9998 !important;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

:where(html[data-chekku-page="dashboard"]) .popup-backdrop.show {
  display: flex !important;
}

:where(html[data-chekku-page="dashboard"]) .popup-card {
  position: relative !important;
  z-index: 9999 !important;
}

:where(html[data-chekku-page="dashboard"]) .chekku-bg-filter {
  pointer-events: none !important;
}

/* MODULE: login.php */

:root:where(html[data-chekku-page="login"]) {
  --glass: rgba(255,255,255,.16);
  --glass-border: rgba(255,255,255,.34);
  --danger: #B42318;
  --danger-bg: rgba(255,240,242,.82);
}

:where(html[data-chekku-page="login"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="login"]),
:where(html[data-chekku-page="login"]) body {
  width: 100%;
  min-height: 100%;
  margin: 0;
}

:where(html[data-chekku-page="login"]) body {
  min-height: 100svh;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  overflow: hidden;
  position: relative;
}

:where(html[data-chekku-page="login"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="login"]) body::before,
:where(html[data-chekku-page="login"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="login"]) .page-wrap {
  position: relative;
  z-index: 1;
  width: min(980px, 100%);
  margin: auto;
  display: grid;
  grid-template-columns: minmax(300px, 1fr) minmax(360px, 430px);
  gap: 42px;
  align-items: center;
  justify-content: center;
  transition: filter .35s ease, transform .35s ease, opacity .35s ease;
}

:where(html[data-chekku-page="login"]) .page-wrap.is-hidden {
  opacity: 0;
  transform: scale(.985);
  pointer-events: none;
}

:where(html[data-chekku-page="login"]) .login-card {
  position: relative;
  overflow: hidden;
  padding: 34px 30px 26px;
  animation: ck-login-floatCard 6s ease-in-out infinite;
  justify-self: end;
  width: 100%;
  max-width: 430px;
}

:where(html[data-chekku-page="login"]) .login-card::before {
  content: none !important;
  position: absolute;
  width: 210px;
  height: 210px;
  right: -84px;
  top: -84px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="login"]) .login-card::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="login"]) .card-inner {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="login"]) h1 {
  margin: 0 0 8px;
}

:where(html[data-chekku-page="login"]) .subtext {
  margin: 0 0 22px;
  max-width: 32ch;
}

:where(html[data-chekku-page="login"]) .message {
  margin: 0 0 18px;
  padding: 13px 14px;
  background: var(--danger-bg);
  border: 1px solid rgba(180,35,24,.18);
  color: var(--danger);
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="login"]) form {
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="login"]) .form-group {
  display: grid;
  gap: 8px;
}

:where(html[data-chekku-page="login"]) label {
  font-size: .84rem;
  font-weight: 600;
  color: var(--color-blue-deep);
  text-transform: uppercase;
  letter-spacing: .04em;
}

:where(html[data-chekku-page="login"]) .input-wrap {
  position: relative;
}

:where(html[data-chekku-page="login"]) input {
  width: 100%;
  height: 56px;
  padding: 0 16px;
  border-radius: var(--radius-control);
  border: 1px solid var(--input-border);
  background: var(--input-bg);
  outline: none;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="login"]) input::placeholder {
  color: var(--ck-legacy-accent,#7A8DA5);
  font-weight: 600;
}

:where(html[data-chekku-page="login"]) input:focus {
  border-color: rgba(53,92,125,.34);
  box-shadow: none;
  background: var(--color-surface);
  transform: translateY(-1px);
}

:where(html[data-chekku-page="login"]) .login-btn {
  height: 58px;
  border: none;
  border-radius: var(--radius-control);
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  margin-top: 4px;
}

:where(html[data-chekku-page="login"]) .login-btn:hover {
  transform: none;
  box-shadow: none;
  filter: brightness(1.03);
}

:where(html[data-chekku-page="login"]) .login-btn:active {
  transform: translateY(0);
}

:where(html[data-chekku-page="login"]) .login-footer {
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  color: var(--muted);
  font-size: .86rem;
  font-weight: 600;
}

:where(html[data-chekku-page="login"]) .login-footer::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: var(--radius-card);
  background: var(--chekku-accent);
  box-shadow: none;
  flex: 0 0 8px;
}

:where(html[data-chekku-page="login"]) .brand-name {
  color: var(--chekku-primary-700);
  font-weight: 600;
}

:where(html[data-chekku-page="login"]) .side-copy {
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: left;
  padding: 20px 10px 20px 8px;
  max-width: 520px;
  justify-self: start;
}

:where(html[data-chekku-page="login"]) .side-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 16px;
  color: var(--color-peach-soft);
  box-shadow: none;
}

:where(html[data-chekku-page="login"]) .side-copy h2 {
  margin: 0 0 12px;
  max-width: 11ch;
}

:where(html[data-chekku-page="login"]) .side-copy p {
  margin: 0;
  max-width: 38ch;
}

:where(html[data-chekku-page="login"]) .copy-highlight {
  color: var(--color-peach-soft);
  font-weight: 600;
}

:where(html[data-chekku-page="login"]) .welcome-overlay {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(6,18,40,.22);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  animation: ck-login-fadeIn .35s ease;
}

:where(html[data-chekku-page="login"]) .welcome-panel {
  width: min(100%, 580px);
  position: relative;
  overflow: hidden;
  padding: 34px 28px;
  text-align: center;
  animation: ck-login-welcomePop .5s ease;
}

:where(html[data-chekku-page="login"]) .welcome-panel::before {
  content: none !important;
  position: absolute;
  width: 220px;
  height: 220px;
  top: -90px;
  right: -90px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="login"]) .welcome-panel::after {
  content: none !important;
  position: absolute;
  width: 240px;
  height: 240px;
  bottom: -110px;
  left: -110px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="login"]) .welcome-inner {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="login"]) .welcome-icon {
  width: 78px;
  height: 78px;
  margin: 0 auto 18px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  box-shadow: none;
  font-size: 2rem;
}

:where(html[data-chekku-page="login"]) .welcome-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.38);
  color: var(--ck-legacy-warning,#8A5200);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="login"]) .welcome-title {
  margin: 0 0 10px;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.03;
  font-weight: 600;
  color: var(--chekku-primary-700);
  letter-spacing: -0.04em;
}

:where(html[data-chekku-page="login"]) .welcome-text {
  margin: 0 0 6px;
  font-size: 1.08rem;
  line-height: 1.6;
  color: var(--muted);
  font-weight: 600;
}

:where(html[data-chekku-page="login"]) .welcome-name {
  color: var(--ck-legacy-warning,#8A5200);
  font-weight: 600;
}

:where(html[data-chekku-page="login"]) .welcome-note {
  margin-top: 18px;
  font-size: .92rem;
  color: var(--muted);
  font-weight: 600;
  letter-spacing: .01em;
}

:where(html[data-chekku-page="login"]) .welcome-loader {
  width: 92px;
  height: 5px;
  border-radius: var(--radius-card);
  margin: 18px auto 0;
  background: rgba(53,92,125,.12);
  overflow: hidden;
  position: relative;
}

:where(html[data-chekku-page="login"]) .welcome-loader span {
  position: absolute;
  inset: 0;
  width: 100%;
  transform: translateX(-100%);
  background: var(--color-surface);
  animation: ck-login-loaderMove 1.8s ease forwards;
}

@keyframes ck-login-floatCard {
0%,100% {
  transform: translateY(0);
}

50% {
  transform: translateY(-7px);
}
}

@keyframes ck-login-fadeIn {
from {
  opacity: 0;
}

to {
  opacity: 1;
}
}

@keyframes ck-login-welcomePop {
0% {
  opacity: 0;
  transform: translateY(10px) scale(.97);
}

100% {
  opacity: 1;
  transform: translateY(0) scale(1);
}
}

@keyframes ck-login-loaderMove {
from {
  transform: translateX(-100%);
}

to {
  transform: translateX(100%);
}
}

@media (max-width: 980px) {
:where(html[data-chekku-page="login"]) body {
  overflow: auto;
}

:where(html[data-chekku-page="login"]) .page-wrap {
  width: min(620px, 100%);
  grid-template-columns: 1fr;
  gap: 22px;
  justify-items: center;
}

:where(html[data-chekku-page="login"]) .side-copy {
  order: 1;
  text-align: center;
  padding: 0;
  max-width: 620px;
  justify-self: center;
}

:where(html[data-chekku-page="login"]) .side-copy h2,
:where(html[data-chekku-page="login"]) .side-copy p {
  max-width: none;
}

:where(html[data-chekku-page="login"]) .login-card {
  order: 2;
  width: min(100%, 440px);
  justify-self: center;
}
}

@media (max-width: 560px) {
:where(html[data-chekku-page="login"]) body {
  padding: 18px;
}

:where(html[data-chekku-page="login"]) .login-card {
  padding: 26px 20px 22px;
}

:where(html[data-chekku-page="login"]) input,
:where(html[data-chekku-page="login"]) .login-btn {
  height: 52px;
}

:where(html[data-chekku-page="login"]) .welcome-panel {
  padding: 28px 20px;
}

:where(html[data-chekku-page="login"]) .welcome-title {
  font-size: 2rem;
}

:where(html[data-chekku-page="login"]) .welcome-text {
  font-size: 1rem;
}
}

/* MODULE: manager_portal.php */

:root:where(html[data-chekku-page="manager-portal"]) {
  --glass: rgba(255,255,255,.14);
  --glass-border: rgba(255,255,255,.22);
  --success: #1F8F5F;
  --success-bg: #EAF9F1;
  --danger: #B42318;
  --warn: #B26A00;
  --warn-bg: var(--color-peach-soft);
  --info: var(--color-blue);
  --info-bg: var(--color-blue-soft);
  --lose: #C94D5A;
  --lose-bg: #FFF0F2;
}

:where(html[data-chekku-page="manager-portal"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="manager-portal"]),
:where(html[data-chekku-page="manager-portal"]) body {
  height: 100%;
}

:where(html[data-chekku-page="manager-portal"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
  overflow-x: hidden;
  position: relative;
}

:where(html[data-chekku-page="manager-portal"]) .page-shell {
  position: relative;
  z-index: 1;
  min-height: 100svh;
  min-height: 100dvh;
  padding: clamp(18px, 3vh, 34px) 0;
  display: flex;
  flex-direction: column;
}

:where(html[data-chekku-page="manager-portal"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px 26px 28px 26px;
  margin-bottom: 18px;
  isolation: isolate;
  min-height: 260px;
}

:where(html[data-chekku-page="manager-portal"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="manager-portal"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="manager-portal"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="manager-portal"]) .hero-grid {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="manager-portal"]) .hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 760px;
  padding-left: 6px;
}

:where(html[data-chekku-page="manager-portal"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .logout-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  color: var(--danger);
  font-weight: 600;
  font-size: .92rem;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
  white-space: nowrap;
}

:where(html[data-chekku-page="manager-portal"]) .logout-btn:hover {
  transform: none;
  background: var(--color-surface);
  box-shadow: none;
  border-color: rgba(180,35,24,.28);
}

:where(html[data-chekku-page="manager-portal"]) .hero-copy h1 {
  margin: 0;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="manager-portal"]) .hero-copy p {
  margin: 0;
  max-width: 760px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="manager-portal"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="manager-portal"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
  font-size: .9rem;
  font-weight: 600;
  color: var(--color-blue-deep);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .hero-apps-panel {
  position: relative;
  z-index: 2;
  margin-top: 18px;
  padding: 4px 2px 0;
  overflow: visible;
}

:where(html[data-chekku-page="manager-portal"]) .hero-apps-panel::before {
  content: none;
}

:where(html[data-chekku-page="manager-portal"]) .hero-apps-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="manager-portal"]) .hero-apps-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 1.08rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  letter-spacing: -.02em;
}

:where(html[data-chekku-page="manager-portal"]) .hero-apps-sub {
  color: var(--color-muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.35;
  margin-top: 3px;
}

:where(html[data-chekku-page="manager-portal"]) .hero-mascot {
  position: absolute;
  left: 4px;
  bottom: -10px;
  width: min(30vw, 330px);
  max-width: 330px;
  min-width: 210px;
  z-index: 0;
  pointer-events: none;
  opacity: .92;
  filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .hero-mascot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="manager-portal"]) .hero-side {
  display: grid;
  gap: 12px;
  position: relative;
  z-index: 2;
  align-items: stretch;
}

:where(html[data-chekku-page="manager-portal"]) .hero-side.admin {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

:where(html[data-chekku-page="manager-portal"]) .hero-side.user {
  grid-template-columns: repeat(2, minmax(0,1fr));
}

:where(html[data-chekku-page="manager-portal"]) .hero-card {
  padding: 16px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  gap: 10px;
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-title {
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600;
  color: var(--color-ink);
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-sub {
  margin: 0;
  color: var(--muted);
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-value {
  font-size: 1.7rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1;
  margin-top: 2px;
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-blue-soft-rgb,245,238,255),0.84);
  color: var(--chekku-primary-700);
  font-size: .75rem;
  font-weight: 600;
  border: 1px solid rgba(53,92,125,.14);
  white-space: nowrap;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-badge.badge-happy {
  background: var(--ck-legacy-success-soft,#EAF9F1);
  color: var(--ck-legacy-success,#18794E);
  border-color: rgba(31,143,95,.18);
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-badge.badge-okay {
  background: var(--color-blue-soft);
  color: var(--color-blue);
  border-color: rgba(36,87,166,.18);
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-badge.badge-sad {
  background: var(--color-blue-soft);
  color: var(--color-purple);
  border-color: rgba(53,92,125,.18);
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-badge.badge-tired {
  background: var(--color-peach-soft);
  color: var(--ck-legacy-warning,#B26A00);
  border-color: rgba(178,106,0,.18);
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-badge.badge-sleepy {
  background: var(--ck-legacy-blue-soft,#F3F4F8);
  color: var(--color-muted);
  border-color: rgba(var(--ck-legacy-line-rgb,94,100,114),0.18);
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-badge.badge-scared {
  background: var(--ck-legacy-danger-soft,#FFF0F2);
  color: var(--ck-legacy-danger,#B42318);
  border-color: rgba(180,35,24,.18);
}

:where(html[data-chekku-page="manager-portal"]) .wellbeing-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: auto;
}

:where(html[data-chekku-page="manager-portal"]) .wellbeing-btn {
  min-height: 78px;
  cursor: pointer;
  font: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 1.5rem;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 10px 4px 9px;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .wellbeing-btn small {
  display: block;
  font-size: .68rem;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: .01em;
  color: var(--color-muted);
  white-space: nowrap;
}

:where(html[data-chekku-page="manager-portal"]) .wellbeing-btn:hover {
  transform: none;
}

:where(html[data-chekku-page="manager-portal"]) .wellbeing-btn:active {
  transform: translateY(-1px) scale(.99);
}

:where(html[data-chekku-page="manager-portal"]) .hero-result,
:where(html[data-chekku-page="manager-portal"]) .hero-teaser,
:where(html[data-chekku-page="manager-portal"]) .rps-interactive {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

:where(html[data-chekku-page="manager-portal"]) .hero-result {
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 8px;
  padding: 14px 12px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .hero-result.is-wellbeing {
  background: var(--color-surface);
  border-color: rgba(31,143,95,.14);
}

:where(html[data-chekku-page="manager-portal"]) .hero-result.is-rps {
  background: var(--color-surface);
  border-color: rgba(53,92,125,.14);
}

:where(html[data-chekku-page="manager-portal"]) .hero-result-kicker {
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
  line-height: 1.1;
}

:where(html[data-chekku-page="manager-portal"]) .hero-result-emoji {
  font-size: 1.85rem;
  line-height: 1;
  filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .hero-result.is-wellbeing .hero-result-emoji {
  font-size: 1.9rem;
}

:where(html[data-chekku-page="manager-portal"]) .hero-result.is-rps .hero-result-emoji {
  font-size: 1.75rem;
}

:where(html[data-chekku-page="manager-portal"]) .hero-result-label {
  font-size: .95rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1.15;
}

:where(html[data-chekku-page="manager-portal"]) .hero-teaser {
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  padding: 16px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .hero-teaser-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1.15;
}

:where(html[data-chekku-page="manager-portal"]) .hero-teaser-sub {
  font-size: .88rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.4;
}

:where(html[data-chekku-page="manager-portal"]) .hero-teaser-icons {
  font-size: 1.65rem;
  line-height: 1;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="manager-portal"]) .rps-interactive {
  justify-content: space-between;
  gap: 10px;
}

:where(html[data-chekku-page="manager-portal"]) .rps-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
  margin-top: 2px;
}

:where(html[data-chekku-page="manager-portal"]) .rps-stat {
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  padding: 10px 8px;
  text-align: center;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .rps-stat-value {
  font-size: 1.12rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1;
}

:where(html[data-chekku-page="manager-portal"]) .rps-stat-label {
  font-size: .72rem;
  color: var(--muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-top: 5px;
}

:where(html[data-chekku-page="manager-portal"]) .rps-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 10px;
}

:where(html[data-chekku-page="manager-portal"]) .rps-play-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: auto;
}

:where(html[data-chekku-page="manager-portal"]) .rps-play-intro {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 8px 8px 2px;
}

:where(html[data-chekku-page="manager-portal"]) .rps-play-title {
  font-size: 1.08rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1.15;
}

:where(html[data-chekku-page="manager-portal"]) .rps-play-sub {
  font-size: .9rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.4;
  max-width: 24ch;
}

:where(html[data-chekku-page="manager-portal"]) .mini-rps-btn,
:where(html[data-chekku-page="manager-portal"]) .ghost-btn,
:where(html[data-chekku-page="manager-portal"]) .primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  border-radius: var(--radius-control);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, opacity .16s ease, border-color .18s ease, background .18s ease;
  text-decoration: none;
}

:where(html[data-chekku-page="manager-portal"]) .mini-rps-btn {
  min-height: 68px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26);
  color: var(--color-ink);
  box-shadow: none;
  font-size: 1.65rem;
  position: relative;
  overflow: hidden;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .mini-rps-btn:hover {
  transform: none;
  box-shadow: none;
  border-color: rgba(53,92,125,.24);
  background: var(--color-surface);
}

:where(html[data-chekku-page="manager-portal"]) .mini-rps-btn:active {
  transform: translateY(-1px) scale(.99);
}

:where(html[data-chekku-page="manager-portal"]) .mini-rps-btn .rps-emoji {
  font-size: 1.9rem;
  line-height: 1;
  display: block;
}

:where(html[data-chekku-page="manager-portal"]) .mini-rps-btn .rps-label {
  font-size: .8rem;
  line-height: 1.05;
  font-weight: 600;
  display: block;
  white-space: nowrap;
}

:where(html[data-chekku-page="manager-portal"]) .ghost-btn:hover,
:where(html[data-chekku-page="manager-portal"]) .primary-btn:hover {
  transform: none;
}

:where(html[data-chekku-page="manager-portal"]) .primary-btn {
  min-height: 48px;
  padding: 0 14px;
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .ghost-btn {
  min-height: 46px;
  padding: 0 14px;
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .ghost-btn.is-hidden {
  display: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .hero-note {
  color: var(--muted);
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="manager-portal"]) .rank-window-note {
  color: var(--warn);
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,245,230),0.88);
  border: 1px solid rgba(178,106,0,.14);
  border-radius: var(--radius-card);
  padding: 10px 12px;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.35;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .panel {
  overflow: hidden;
}

:where(html[data-chekku-page="manager-portal"]) .panel + .panel {
  margin-top: 16px;
}

:where(html[data-chekku-page="manager-portal"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="manager-portal"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where(html[data-chekku-page="manager-portal"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="manager-portal"]) .apps-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: 12px;
}

:where(html[data-chekku-page="manager-portal"]) .app-card {
  --tone: var(--color-purple);
  --tone-soft: rgba(53,92,125,.10);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  text-decoration: none;
  padding: 15px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  min-height: 154px;
  overflow: hidden;
  cursor: pointer;
  isolation: isolate;
}

:where(html[data-chekku-page="manager-portal"]) .app-card:hover {
  transform: none;
}

:where(html[data-chekku-page="manager-portal"]) .app-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border-left: 5px solid var(--tone);
  opacity: .86;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="manager-portal"]) .app-card::after {
  content: "↗";
  position: absolute;
  right: 12px;
  bottom: 10px;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  color: var(--tone);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.32);
  font-size: .9rem;
  font-weight: 600;
  box-shadow: none;
  transform: translateY(6px);
  opacity: .72;
  transition: transform .18s ease, opacity .18s ease;
}

:where(html[data-chekku-page="manager-portal"]) .app-card:hover::after {
  transform: none;
  opacity: 1;
}

:where(html[data-chekku-page="manager-portal"]) .app-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

:where(html[data-chekku-page="manager-portal"]) .app-icon {
  width: 50px;
  height: 50px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  font-size: 1.5rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.34);
  box-shadow: none;
  flex: 0 0 50px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="manager-portal"]) .app-card .tag {
  padding: 6px 9px;
  background: var(--color-surface);
  color: var(--tone);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.28);
  box-shadow: none;
  font-size: .72rem;
}

:where(html[data-chekku-page="manager-portal"]) .app-card-button {
  width: 100%;
  text-align: left;
  font: inherit;
  border: none;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-preview {
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.16);
  padding: 14px;
  color: var(--ck-legacy-warning,#5F4B20);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-preview small {
  color: var(--ck-legacy-warning,#8A6A2B);
  font-weight: 600;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-form {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-field {
  display: grid;
  gap: 7px;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-field label {
  font-size: .82rem;
  font-weight: 600;
  color: var(--color-blue-deep);
  text-transform: uppercase;
  letter-spacing: .04em;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-input,
:where(html[data-chekku-page="manager-portal"]) .announcement-textarea {
  width: 100%;
  border: 1px solid rgba(53,92,125,.16);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  padding: 13px 14px;
  font: inherit;
  font-weight: 600;
  color: var(--color-ink);
  outline: none;
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-input:focus,
:where(html[data-chekku-page="manager-portal"]) .announcement-textarea:focus {
  border-color: rgba(53,92,125,.38);
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-textarea {
  min-height: 170px;
  resize: vertical;
  line-height: 1.55;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-target-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: end;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-target-panel {
  padding: 14px;
  display: grid;
  gap: 12px;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-helper {
  color: var(--muted);
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-target-field {
  display: none;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-target-field.show {
  display: grid;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-card {
  width: min(700px, 100%);
}

:where(html[data-chekku-page="manager-portal"]) .announcement-public {
  text-align: left;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-public-title {
  margin: 0 0 10px;
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--color-ink);
}

:where(html[data-chekku-page="manager-portal"]) .announcement-public-meta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border-radius: var(--radius-card);
  background: var(--color-peach-soft);
  color: var(--ck-legacy-warning,#9A5B00);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.16);
  font-size: .78rem;
  font-weight: 600;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="manager-portal"]) .announcement-public-body {
  white-space: pre-line;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.65;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24);
  border-radius: var(--radius-card);
  padding: 16px;
  max-height: 46vh;
  overflow: auto;
}

:where(html[data-chekku-page="manager-portal"]) .alert-panel {
  margin-bottom: 16px;
}

:where(html[data-chekku-page="manager-portal"]) .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-blue-soft-rgb,245,238,255),0.84);
  color: var(--chekku-primary-700);
  font-size: .78rem;
  font-weight: 600;
  border: 1px solid rgba(53,92,125,.14);
  white-space: nowrap;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .app-title {
  margin: 0;
}

:where(html[data-chekku-page="manager-portal"]) .app-desc {
  margin: 0;
  flex-grow: 1;
}

:where(html[data-chekku-page="manager-portal"]) .empty-state {
  text-align: center;
  padding: 26px 18px;
  border: 1px dashed rgba(53,92,125,.22);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--muted);
  font-weight: 600;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .footer-space {
  height: 6px;
}

:where(html[data-chekku-page="manager-portal"]) .popup-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(18,16,28,.34);
  z-index: 9998;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .popup-backdrop.show {
  display: flex;
  animation: ck-manager-portal-fadeIn .25s ease;
}

:where(html[data-chekku-page="manager-portal"]) .popup-card {
  width: min(980px, 100%);
  max-height: min(88vh, 900px);
  overflow: auto;
  padding: 24px;
  position: relative;
  animation: ck-manager-portal-popIn .32s ease;
}

:where(html[data-chekku-page="manager-portal"]) .popup-card.compact {
  width: min(560px, 100%);
  text-align: center;
}

:where(html[data-chekku-page="manager-portal"]) .popup-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="manager-portal"]) .popup-title {
  margin: 0;
}

:where(html[data-chekku-page="manager-portal"]) .popup-sub {
  margin: 6px 0 0;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="manager-portal"]) .popup-close-x {
  border: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  width: 42px;
  height: 42px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  flex: 0 0 42px;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .popup-emoji {
  font-size: 3rem;
  margin-bottom: 8px;
}

:where(html[data-chekku-page="manager-portal"]) .popup-text {
  color: var(--muted);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 18px;
}

:where(html[data-chekku-page="manager-portal"]) .popup-vs {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 10px;
  align-items: center;
  margin-bottom: 18px;
}

:where(html[data-chekku-page="manager-portal"]) .popup-vs-card {
  padding: 14px;
}

:where(html[data-chekku-page="manager-portal"]) .popup-vs-label {
  font-size: .78rem;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="manager-portal"]) .popup-vs-name {
  font-weight: 600;
  color: var(--color-blue-deep);
  margin-bottom: 8px;
}

:where(html[data-chekku-page="manager-portal"]) .popup-vs-choice {
  font-size: 2rem;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="manager-portal"]) .popup-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="manager-portal"]) .modal-sections {
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="manager-portal"]) .modal-card {
  padding: 16px;
}

:where(html[data-chekku-page="manager-portal"]) .modal-card h3 {
  margin: 0 0 6px;
}

:where(html[data-chekku-page="manager-portal"]) .modal-card p {
  margin: 0 0 12px;
}

:where(html[data-chekku-page="manager-portal"]) .leaderboard {
  display: grid;
  gap: 10px;
}

:where(html[data-chekku-page="manager-portal"]) .leader-row {
  display: grid;
  grid-template-columns: 56px minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  border-radius: var(--radius-card);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .leader-rank {
  width: 42px;
  height: 42px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  font-weight: 600;
  background: var(--color-blue-soft);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(53,92,125,.14);
}

:where(html[data-chekku-page="manager-portal"]) .leader-name {
  font-weight: 600;
  color: var(--color-blue-deep);
  line-height: 1.2;
}

:where(html[data-chekku-page="manager-portal"]) .leader-sub {
  color: var(--muted);
  font-size: .88rem;
  font-weight: 600;
  margin-top: 3px;
}

:where(html[data-chekku-page="manager-portal"]) .leader-points {
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-ink);
  font-weight: 600;
  font-size: .92rem;
  white-space: nowrap;
}

:where(html[data-chekku-page="manager-portal"]) .table-wrap {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  background: var(--color-surface);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .rank-table {
  border-spacing: 0;
  min-width: 760px;
}

:where(html[data-chekku-page="manager-portal"]) .rank-table th,
:where(html[data-chekku-page="manager-portal"]) .rank-table td {
  padding: 12px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
}

:where(html[data-chekku-page="manager-portal"]) .rank-table th {
  background: rgba(var(--ck-legacy-blue-soft-rgb,245,238,255),0.92);
  font-size: .86rem;
  font-weight: 600;
  position: sticky;
  top: 0;
  z-index: 1;
}

:where(html[data-chekku-page="manager-portal"]) .rank-table tbody tr:hover {
  background: var(--color-surface);
}

:where(html[data-chekku-page="manager-portal"]) .cell-strong {
  font-weight: 600;
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="manager-portal"]) .ranks-card {
  width: min(760px, 100%);
}

:where(html[data-chekku-page="manager-portal"]) .rank-tabs {
  margin: 16px 0 14px;
}

:where(html[data-chekku-page="manager-portal"]) .rank-tab {
  border: none;
  font: inherit;
  font-size: .88rem;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

:where(html[data-chekku-page="manager-portal"]) .rank-tab:hover {
  transform: none;
}

:where(html[data-chekku-page="manager-portal"]) .rank-tab.active {
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .ranks-card .rank-table {
  width: 100%;
  min-width: 0;
  border-collapse: separate;
  border-spacing: 0 8px;
}

:where(html[data-chekku-page="manager-portal"]) .ranks-card .rank-table th {
  background: transparent;
  color: var(--muted);
  font-size: .76rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  text-align: left;
  padding: 0 10px 2px;
  font-weight: 600;
  white-space: nowrap;
  position: static;
}

:where(html[data-chekku-page="manager-portal"]) .ranks-card .rank-table td {
  background: var(--color-surface);
  border-top: 1px solid rgba(53,92,125,.08);
  border-bottom: 1px solid rgba(53,92,125,.08);
  padding: 12px 10px;
  font-weight: 600;
  color: var(--color-ink);
}

:where(html[data-chekku-page="manager-portal"]) .ranks-card .rank-table td:first-child {
  border-left: 1px solid rgba(53,92,125,.08);
  border-radius: var(--radius-card) 0 0 var(--radius-card);
  width: 58px;
}

:where(html[data-chekku-page="manager-portal"]) .ranks-card .rank-table td:last-child {
  border-right: 1px solid rgba(53,92,125,.08);
  border-radius: 0 var(--radius-card) var(--radius-card) 0;
}

:where(html[data-chekku-page="manager-portal"]) .rank-medal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  color: var(--color-blue-deep);
  font-weight: 600;
}

:where(html[data-chekku-page="manager-portal"]) .rank-name {
  font-weight: 600;
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="manager-portal"]) .rank-points {
  font-size: 1rem;
  font-weight: 600;
  color: var(--ck-legacy-success,#126B45);
}

:where(html[data-chekku-page="manager-portal"]) .rank-empty {
  padding: 18px;
  border: 1px dashed rgba(53,92,125,.18);
}

:where(html[data-chekku-page="manager-portal"]) .rank-window-chip {
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  background: var(--ck-legacy-success-soft,#EAF9F1);
  color: var(--ck-legacy-success,#18794E);
  border: 1px solid rgba(31,143,95,.14);
  font-size: .78rem;
}

:where(html[data-chekku-page="manager-portal"]) .confetti {
  position: fixed;
  top: -12px;
  width: 10px;
  height: 18px;
  opacity: .95;
  z-index: 9999;
  pointer-events: none;
  animation: ck-manager-portal-fall linear forwards;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="manager-portal"]) .lose-spark {
  position: fixed;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(201,77,90,.55);
  z-index: 9999;
  pointer-events: none;
  animation: ck-manager-portal-loseFade .9s ease forwards;
}

:where(html[data-chekku-page="manager-portal"]) .draw-bubble {
  position: fixed;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(36,87,166,.28);
  border: 1px solid rgba(36,87,166,.24);
  z-index: 9999;
  pointer-events: none;
  animation: ck-manager-portal-drawFloat 1.6s ease forwards;
  box-shadow: none;
}

@keyframes ck-manager-portal-loseFade {
from {
  transform: scale(1) translateY(0);
  opacity: .85;
}

to {
  transform: scale(.2) translateY(24px);
  opacity: 0;
}
}

@keyframes ck-manager-portal-drawFloat {
from {
  transform: translateY(0) scale(.7);
  opacity: .85;
}

to {
  transform: translateY(-56px) scale(1.35);
  opacity: 0;
}
}

@keyframes ck-manager-portal-fall {
to {
  transform: translate3d(var(--tx), 105vh, 0) rotate(var(--rot));
  opacity: .98;
}
}

@keyframes ck-manager-portal-popIn {
from {
  transform: scale(.88) translateY(8px);
  opacity: 0;
}

to {
  transform: scale(1) translateY(0);
  opacity: 1;
}
}

@keyframes ck-manager-portal-fadeIn {
from {
  opacity: 0;
}

to {
  opacity: 1;
}
}

@media (max-width:1180px) {
:where(html[data-chekku-page="manager-portal"]) .hero-side.admin {
  grid-template-columns: 1fr 1fr;
}

:where(html[data-chekku-page="manager-portal"]) .hero-card.admin-only {
  grid-column: 1 / -1;
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="manager-portal"]) .hero-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="manager-portal"]) .hero {
  min-height: auto;
  padding-bottom: 22px;
}

:where(html[data-chekku-page="manager-portal"]) .hero-mascot {
  width: 220px;
  left: -12px;
  bottom: -6px;
  opacity: .24;
}

:where(html[data-chekku-page="manager-portal"]) .hero-side.admin,
:where(html[data-chekku-page="manager-portal"]) .hero-side.user {
  grid-template-columns: 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="manager-portal"]) .page-shell {
  min-height: 100svh;
  min-height: 100dvh;
  padding: 14px 0 18px;
  justify-content: center;
}

:where(html[data-chekku-page="manager-portal"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="manager-portal"]) .hero-top {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="manager-portal"]) .hero-mascot {
  width: 180px;
  left: -24px;
  bottom: -6px;
  opacity: .18;
}

:where(html[data-chekku-page="manager-portal"]) .hero-copy {
  padding-left: 0;
}

:where(html[data-chekku-page="manager-portal"]) .wellbeing-options {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

:where(html[data-chekku-page="manager-portal"]) .popup-vs {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="manager-portal"]) .panel-head,
:where(html[data-chekku-page="manager-portal"]) .popup-head {
  flex-direction: column;
  align-items: flex-start;
}
}

@media (max-height:720px) {
:where(html[data-chekku-page="manager-portal"]) .page-shell {
  justify-content: flex-start;
}
}

@media (max-width:560px) {
:where(html[data-chekku-page="manager-portal"]) .wellbeing-options,
:where(html[data-chekku-page="manager-portal"]) .rps-play-grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

:where(html[data-chekku-page="manager-portal"]) .wellbeing-btn {
  min-height: 86px;
  font-size: 2rem;
}

:where(html[data-chekku-page="manager-portal"]) .rps-stats {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
}

@media (max-width:460px) {
:where(html[data-chekku-page="manager-portal"]) .wellbeing-options {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 7px;
}

:where(html[data-chekku-page="manager-portal"]) .wellbeing-btn {
  min-height: 72px;
  font-size: 1.45rem;
}

:where(html[data-chekku-page="manager-portal"]) .wellbeing-btn small {
  font-size: .62rem;
}

:where(html[data-chekku-page="manager-portal"]) .leader-row {
  grid-template-columns: 48px minmax(0,1fr);
}

:where(html[data-chekku-page="manager-portal"]) .leader-points {
  grid-column: 1 / -1;
  justify-self: start;
}

:where(html[data-chekku-page="manager-portal"]) .logout-btn {
  width: 100%;
  justify-content: center;
}
}

:where(html[data-chekku-page="manager-portal"]) .page-shell {
  justify-content: center;
}

:where(html[data-chekku-page="manager-portal"]) .app-page-shell.hero {
  min-height: auto;
}

:where(html[data-chekku-page="manager-portal"]) .app-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

:where(html[data-chekku-page="manager-portal"]) .brand-cluster {
  display: flex;
  align-items: center;
  min-width: 0;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb {
  display: grid;
  place-items: center;
  overflow: hidden;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb img {
  width: 58px;
  height: 58px;
  object-fit: contain;
  filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .app-kicker,
:where(html[data-chekku-page="manager-portal"]) .mini-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
  text-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .brand-cluster h1 {
  margin: 3px 0 0;
}

:where(html[data-chekku-page="manager-portal"]) .topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="manager-portal"]) .chip.glass-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  color: var(--color-ink);
  font-size: .82rem;
  font-weight: 600;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  text-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .app-logout.logout-btn {
  min-height: 40px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.24);
  box-shadow: none;
  text-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .app-layout {
  display: grid;
  grid-template-columns: minmax(330px, .82fr) minmax(0, 1.18fr);
  gap: 16px;
  align-items: stretch;
}

:where(html[data-chekku-page="manager-portal"]) .today-stack {
  display: grid;
  gap: 12px;
  align-content: start;
}

:where(html[data-chekku-page="manager-portal"]) .hero-intro-card,
:where(html[data-chekku-page="manager-portal"]) .daily-card,
:where(html[data-chekku-page="manager-portal"]) .launchpad-panel {
  overflow: hidden;
}

:where(html[data-chekku-page="manager-portal"]) .hero-intro-card {
  position: relative;
  min-height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  isolation: isolate;
}

:where(html[data-chekku-page="manager-portal"]) .hero-intro-card::before {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  z-index: -1;
}

:where(html[data-chekku-page="manager-portal"]) .intro-logo-wrap {
  position: absolute;
  right: -18px;
  top: 8px;
  width: 190px;
  opacity: .96;
  pointer-events: none;
}

:where(html[data-chekku-page="manager-portal"]) .intro-logo-wrap img {
  width: 100%;
  height: auto;
  display: block;
}

:where(html[data-chekku-page="manager-portal"]) .intro-copy {
  max-width: 360px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="manager-portal"]) .intro-copy h2,
:where(html[data-chekku-page="manager-portal"]) .launchpad-head h2,
:where(html[data-chekku-page="manager-portal"]) .daily-card h3 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="manager-portal"]) .intro-copy p,
:where(html[data-chekku-page="manager-portal"]) .launchpad-head p {
  margin: 9px 0 0;
}

:where(html[data-chekku-page="manager-portal"]) .intro-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 9px;
  margin-top: 18px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="manager-portal"]) .intro-stats div {
  min-width: 0;
  border-radius: var(--radius-card);
  padding: 12px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
}

:where(html[data-chekku-page="manager-portal"]) .intro-stats strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="manager-portal"]) .intro-stats small {
  display: block;
  margin-top: 5px;
  color: var(--color-ink);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="manager-portal"]) .daily-card.is-muted {
  opacity: .92;
}

:where(html[data-chekku-page="manager-portal"]) .daily-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="manager-portal"]) .daily-result {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
}

:where(html[data-chekku-page="manager-portal"]) .daily-result-emoji {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
  font-size: 1.8rem;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="manager-portal"]) .daily-result strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.05rem;
  font-weight: 600;
}

:where(html[data-chekku-page="manager-portal"]) .daily-result span {
  display: block;
  color: var(--color-ink);
  font-size: .86rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="manager-portal"]) .muted-result {
  opacity: .9;
}

:where(html[data-chekku-page="manager-portal"]) .app-mood-grid.wellbeing-options {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
}

:where(html[data-chekku-page="manager-portal"]) .app-mood-grid .wellbeing-btn,
:where(html[data-chekku-page="manager-portal"]) .app-rps-grid .mini-rps-btn {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .app-mood-grid .wellbeing-btn small {
  color: var(--color-ink);
}

:where(html[data-chekku-page="manager-portal"]) .app-mood-grid .wellbeing-btn:hover,
:where(html[data-chekku-page="manager-portal"]) .app-rps-grid .mini-rps-btn:hover {
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.34);
}

:where(html[data-chekku-page="manager-portal"]) .app-rps-intro {
  margin: 0 0 10px;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.16);
}

:where(html[data-chekku-page="manager-portal"]) .app-rps-intro .hero-teaser-title {
  color: var(--color-ink);
}

:where(html[data-chekku-page="manager-portal"]) .app-rps-intro .hero-teaser-sub {
  color: var(--color-ink);
}

:where(html[data-chekku-page="manager-portal"]) .app-rank-btn.ghost-btn {
  width: 100%;
  margin-top: 10px;
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-panel {
  padding: 18px;
  min-height: 100%;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-count {
  width: 72px;
  height: 72px;
  flex: 0 0 auto;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
  display: grid;
  place-items: center;
  text-align: center;
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-count strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.45rem;
  line-height: .9;
  font-weight: 600;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-count span {
  display: block;
  margin-top: 3px;
  color: var(--color-ink);
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card {
  min-height: 178px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card::before {
  border-left: none;
  background: var(--color-surface);
  width: 5px;
  right: auto;
  border-radius: inherit;
  opacity: .88;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card::after {
  content: none;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
  box-shadow: none;
  font-size: 1.65rem;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-copy span {
  display: inline-flex;
  margin-bottom: 5px;
  color: var(--color-ink);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile .app-title {
  letter-spacing: -.025em;
  text-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile .app-desc {
  margin-top: 5px;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-arrow {
  position: absolute;
  top: 14px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
  color: var(--color-ink);
  font-weight: 600;
  opacity: .82;
  transition: transform .18s ease, opacity .18s ease, background .18s ease;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile:hover .app-tile-arrow {
  opacity: 1;
  background: var(--color-surface);
}

:where(html[data-chekku-page="manager-portal"]) .app-tile .announcement-preview {
  margin-top: 8px;
  color: var(--color-ink);
  background: rgba(180,35,24,.22);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-badge {
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.2) !important;
  box-shadow: none;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="manager-portal"]) .app-layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="manager-portal"]) .today-stack {
  grid-template-columns: repeat(2, minmax(0,1fr));
}

:where(html[data-chekku-page="manager-portal"]) .hero-intro-card {
  grid-column: 1 / -1;
  min-height: 230px;
}

:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="manager-portal"]) .app-page-shell.hero {
  padding: 14px;
}

:where(html[data-chekku-page="manager-portal"]) .app-topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="manager-portal"]) .topbar-actions {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="manager-portal"]) .today-stack {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-head {
  align-items: flex-start;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-count {
  width: 62px;
  height: 62px;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="manager-portal"]) .intro-logo-wrap {
  width: 155px;
  opacity: .80;
}
}

@media (max-width:460px) {
:where(html[data-chekku-page="manager-portal"]) .brand-orb img {
  width: 52px;
  height: 52px;
}

:where(html[data-chekku-page="manager-portal"]) .chip.glass-chip,
:where(html[data-chekku-page="manager-portal"]) .app-logout.logout-btn {
  width: 100%;
}
}

:root:where(html[data-chekku-page="manager-portal"]) {
  --border: rgba(15,42,82,.14);
  --glass: rgba(255,255,255,.28);
}

:where(html[data-chekku-page="manager-portal"]) .page-shell {
  padding: clamp(16px, 2.6vh, 30px) 0;
}

:where(html[data-chekku-page="manager-portal"]) .app-page-shell.hero {
  padding: 18px;
}

:where(html[data-chekku-page="manager-portal"]) .app-topbar {
  margin-bottom: 16px;
}

:where(html[data-chekku-page="manager-portal"]) .chip.glass-chip {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.48) !important;
  color: var(--color-ink) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-logout.logout-btn {
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.5) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-layout {
  grid-template-columns: minmax(340px, .78fr) minmax(0, 1.22fr);
  gap: 18px;
}

:where(html[data-chekku-page="manager-portal"]) .hero-intro-card {
  min-height: 265px;
}

:where(html[data-chekku-page="manager-portal"]) .hero-intro-card::before {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="manager-portal"]) .intro-logo-wrap {
  opacity: .92;
  filter: none;
}

:where(html[data-chekku-page="manager-portal"]) .intro-stats div,
:where(html[data-chekku-page="manager-portal"]) .daily-result,
:where(html[data-chekku-page="manager-portal"]) .app-rps-intro,
:where(html[data-chekku-page="manager-portal"]) .launchpad-count {
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.5) !important;
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .daily-result-emoji {
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .app-mood-grid .wellbeing-btn:hover,
:where(html[data-chekku-page="manager-portal"]) .app-rps-grid .mini-rps-btn:hover,
:where(html[data-chekku-page="manager-portal"]) .app-rank-btn.ghost-btn:hover {
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.7) !important;
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-badge {
  background: var(--color-surface) !important;
  color: var(--color-blue) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.56) !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-panel {
  padding: 20px;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-head {
  align-items: center;
  padding: 2px 2px 10px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.35);
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-count {
  width: 76px;
  height: 76px;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 13px;
  margin-top: 14px;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card {
  min-height: 142px;
  padding: 16px 52px 16px 16px;
  display: grid;
  grid-template-columns: 62px minmax(0,1fr);
  grid-template-rows: auto;
  align-items: center;
  gap: 14px;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card::before {
  width: 6px;
  opacity: .95;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-icon {
  width: 62px;
  height: 62px;
  border-radius: var(--radius-card);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-arrow {
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile:hover {
  transform: none;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile:hover .app-tile-arrow {
  transform: none;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile .announcement-preview {
  grid-column: 1 / -1;
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,247,230),0.72) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.16) !important;
}

:where(html[data-chekku-page="manager-portal"]) .rank-window-note {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,247,230),0.74) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="manager-portal"]) .app-layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="manager-portal"]) .today-stack {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

:where(html[data-chekku-page="manager-portal"]) .hero-intro-card {
  grid-column: auto;
  min-height: 100%;
}
}

@media (max-width:860px) {
:where(html[data-chekku-page="manager-portal"]) .today-stack {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card {
  min-height: 128px;
}
}

@media (max-width:560px) {
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card {
  grid-template-columns: 54px minmax(0,1fr);
  padding: 14px 48px 14px 14px;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-icon {
  width: 54px;
  height: 54px;
  border-radius: var(--radius-card);
}
}

:root:where(html[data-chekku-page="manager-portal"]) {
  --deck-card: rgba(255,255,255,.62);
  --deck-card-strong: rgba(255,255,255,.78);
  --deck-border: rgba(255,255,255,.56);
}

:where(html[data-chekku-page="manager-portal"]) .page-shell {
  padding: clamp(14px, 2vh, 24px) 0 !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-page-shell.hero {
  padding: 16px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-page-shell.hero::before {
  content: none !important;
  position: absolute !important;
  inset: 12px !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  pointer-events: none !important;
  background: var(--color-surface) !important;
  z-index: -1 !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-topbar {
  position: relative;
}

:where(html[data-chekku-page="manager-portal"]) .app-topbar::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb img {
  width: 64px !important;
  height: 64px !important;
}

:where(html[data-chekku-page="manager-portal"]) .chip.glass-chip,
:where(html[data-chekku-page="manager-portal"]) .app-logout.logout-btn {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-ink) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-layout {
  grid-template-columns: minmax(310px,.52fr) minmax(0,1.48fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

:where(html[data-chekku-page="manager-portal"]) .today-stack {
  gap: 12px !important;
}

:where(html[data-chekku-page="manager-portal"]) .hero-intro-card {
  min-height: 300px !important;
}

:where(html[data-chekku-page="manager-portal"]) .intro-logo-wrap {
  right: -4px !important;
  top: -6px !important;
  width: 205px !important;
  opacity: .94 !important;
  transform: rotate(-3deg);
  filter: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .intro-stats {
  grid-template-columns: 1fr !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="manager-portal"]) .intro-stats div,
:where(html[data-chekku-page="manager-portal"]) .daily-result,
:where(html[data-chekku-page="manager-portal"]) .app-rps-intro,
:where(html[data-chekku-page="manager-portal"]) .launchpad-count {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .intro-stats strong,
:where(html[data-chekku-page="manager-portal"]) .daily-result strong,
:where(html[data-chekku-page="manager-portal"]) .launchpad-count strong,
:where(html[data-chekku-page="manager-portal"]) .app-rps-intro .hero-teaser-title {
  color: var(--color-ink) !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .intro-stats small,
:where(html[data-chekku-page="manager-portal"]) .daily-result span,
:where(html[data-chekku-page="manager-portal"]) .launchpad-count span,
:where(html[data-chekku-page="manager-portal"]) .app-rps-intro .hero-teaser-sub {
  color: var(--color-muted) !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .daily-card-head {
  margin-bottom: 10px !important;
}

:where(html[data-chekku-page="manager-portal"]) .daily-result-emoji {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.66) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .hero-card-badge,
:where(html[data-chekku-page="manager-portal"]) .app-rank-btn.ghost-btn {
  background: var(--color-surface) !important;
  color: var(--color-blue) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-mood-grid .wellbeing-btn,
:where(html[data-chekku-page="manager-portal"]) .app-rps-grid .mini-rps-btn {
  min-height: 72px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-mood-grid .wellbeing-btn small {
  color: var(--color-muted) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-mood-grid .wellbeing-btn:hover,
:where(html[data-chekku-page="manager-portal"]) .app-rps-grid .mini-rps-btn:hover,
:where(html[data-chekku-page="manager-portal"]) .app-rank-btn.ghost-btn:hover {
  transform: none !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.82) !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-panel {
  position: relative;
  padding: 22px !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-panel::before {
  content: "CHEKKU OS";
  position: absolute;
  right: 18px;
  top: 8px;
  color: rgba(var(--ck-legacy-accent-rgb,10,78,163),0.055);
  font-size: clamp(3rem, 8vw, 7.8rem);
  font-weight: 600;
  letter-spacing: -.08em;
  line-height: .8;
  pointer-events: none;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-head {
  position: relative;
  z-index: 1;
  border-bottom: none !important;
  margin-bottom: 18px !important;
  padding-bottom: 0 !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-count {
  width: 84px !important;
  height: 84px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(6, minmax(0,1fr)) !important;
  grid-auto-rows: minmax(154px, auto);
  gap: 13px !important;
  margin-top: 16px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card {
  min-height: 154px !important;
  grid-column: span 2;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  transform: translateZ(0);
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(4) {
  grid-column: span 3;
  min-height: 182px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card::before {
  left: 14px !important;
  right: 14px !important;
  top: auto !important;
  bottom: 12px !important;
  height: 4px !important;
  opacity: .95 !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-icon {
  width: 64px !important;
  height: 64px !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.7) !important;
  font-size: 1.75rem !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-copy span {
  font-size: .68rem !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile .app-title {
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-arrow {
  top: 16px !important;
  right: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.68) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile:hover .app-tile-arrow {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile .announcement-preview {
  color: var(--ck-legacy-warning,#5F4B20) !important;
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,247,230),0.76) !important;
  border-color: rgba(244,122,31,.20) !important;
}

@media (max-width:1160px) {
:where(html[data-chekku-page="manager-portal"]) .app-layout {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="manager-portal"]) .today-stack {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="manager-portal"]) .hero-intro-card {
  min-height: 240px !important;
}

:where(html[data-chekku-page="manager-portal"]) .intro-stats {
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}
}

@media (max-width:920px) {
:where(html[data-chekku-page="manager-portal"]) .today-stack {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card,
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(4) {
  grid-column: span 1 !important;
  min-height: 150px !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-head {
  flex-direction: column !important;
}
}

@media (max-width:620px) {
:where(html[data-chekku-page="manager-portal"]) .app-topbar {
  align-items: flex-start !important;
  flex-direction: column !important;
}

:where(html[data-chekku-page="manager-portal"]) .topbar-actions {
  width: 100% !important;
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="manager-portal"]) .chip.glass-chip,
:where(html[data-chekku-page="manager-portal"]) .app-logout.logout-btn {
  width: 100% !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-page-shell.hero {
  padding: 12px !important;
}

:where(html[data-chekku-page="manager-portal"]) .intro-logo-wrap {
  width: 150px !important;
  opacity: .72 !important;
}
}

:where(html[data-chekku-page="manager-portal"]) .app-page-shell.hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-kicker,
:where(html[data-chekku-page="manager-portal"]) .mini-label {
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-cluster h1,
:where(html[data-chekku-page="manager-portal"]) .intro-copy h2,
:where(html[data-chekku-page="manager-portal"]) .launchpad-head h2,
:where(html[data-chekku-page="manager-portal"]) .daily-card h3,
:where(html[data-chekku-page="manager-portal"]) .app-title {
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .intro-copy p,
:where(html[data-chekku-page="manager-portal"]) .launchpad-head p,
:where(html[data-chekku-page="manager-portal"]) .app-desc,
:where(html[data-chekku-page="manager-portal"]) .daily-result span {
  color: var(--color-muted) !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .chip.glass-chip,
:where(html[data-chekku-page="manager-portal"]) .app-logout.logout-btn,
:where(html[data-chekku-page="manager-portal"]) .hero-card-badge,
:where(html[data-chekku-page="manager-portal"]) .app-rank-btn.ghost-btn {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-panel {
  padding: 20px !important;
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-panel::before {
  content: none !important;
  position: absolute !important;
  inset: 0 !important;
  background: var(--color-surface) !important;
  background-size: auto, 46px 46px, 46px 46px !important;
  opacity: .90 !important;
  pointer-events: none !important;
  mask-image: linear-gradient(180deg, #000, transparent 92%) !important;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 92%) !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-head {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(8,42,85,.10) !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-head h2 {
  margin: 0 !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-count {
  min-width: 78px !important;
  width: auto !important;
  height: auto !important;
  text-align: center !important;
  border-radius: var(--radius-card) !important;
  padding: 10px 13px !important;
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.34) !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-count strong {
  display: block !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-count span {
  font-size: .72rem !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card::before {
  opacity: .78 !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-icon {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-arrow {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.6) !important;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="manager-portal"]) .app-layout {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="manager-portal"]) .today-stack {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
}

@media (max-width:860px) {
:where(html[data-chekku-page="manager-portal"]) .today-stack {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:560px) {
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card,
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(4) {
  grid-template-columns: 58px minmax(0,1fr) !important;
  padding: 14px !important;
  min-height: 132px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-arrow {
  display: none !important;
}
}

:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
  grid-auto-rows: auto !important;
  margin-top: 0 !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card,
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(4) {
  min-height: 156px !important;
  grid-column: span 1 !important;
  padding: 16px !important;
  display: grid !important;
  grid-template-columns: 70px minmax(0,1fr) 34px !important;
  align-items: center !important;
  overflow: hidden !important;
  transform: none !important;
  text-decoration: none !important;
  isolation: isolate !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card::before {
  content: none !important;
  position: absolute !important;
  inset: auto 16px 12px 16px !important;
  width: auto !important;
  height: 5px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  opacity: .75 !important;
  border: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card::after {
  content: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-icon {
  width: 70px !important;
  height: 70px !important;
  border-radius: var(--radius-card) !important;
  font-size: 1.8rem !important;
  place-items: center !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  position: relative !important;
  z-index: 1 !important;
  flex: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-copy {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-copy span {
  color: var(--tone) !important;
  font-size: .70rem !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile .app-title {
  margin: 4px 0 4px !important;
  letter-spacing: -.035em !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-arrow {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.54) !important;
  box-shadow: none !important;
  display: grid !important;
  place-items: center !important;
  font-weight: 600 !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile:hover {
  transform: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile:hover .app-tile-arrow {
  transform: none !important;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
}

@media (max-width:860px) {
:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:560px) {
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card,
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(4) {
  grid-template-columns: 58px minmax(0,1fr) !important;
  padding: 14px !important;
  min-height: 132px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-arrow {
  display: none !important;
}
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-bg-icon {
  right: 44px !important;
  font-size: 7.4rem !important;
  line-height: 1 !important;
  pointer-events: none !important;
  user-select: none !important;
  z-index: 0 !important;
  transition: opacity .2s ease, transform .2s ease, right .2s ease !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile:hover .app-tile-bg-icon {
  right: 38px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-icon,
:where(html[data-chekku-page="manager-portal"]) .app-tile-copy,
:where(html[data-chekku-page="manager-portal"]) .app-tile-arrow {
  z-index: 2 !important;
}

@media (max-width:560px) {
:where(html[data-chekku-page="manager-portal"]) .app-tile-bg-icon {
  right: 12px !important;
  font-size: 5.8rem !important;
}
}

:where(html[data-chekku-page="manager-portal"]) .hero-intro-card {
  justify-content: center !important;
  gap: 18px !important;
}

:where(html[data-chekku-page="manager-portal"]) .intro-copy {
  text-align: left !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-head {
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-count {
  display: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card,
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(4) {
  grid-template-columns: minmax(0,1fr) 38px !important;
  min-height: 148px !important;
  padding: 18px 18px 18px 20px !important;
  gap: 14px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-icon {
  display: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-copy {
  padding-right: 18px !important;
  max-width: calc(100% - 8px) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-bg-icon {
  right: 32px !important;
  top: 50% !important;
  font-size: 8.9rem !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile:hover .app-tile-bg-icon {
  right: 24px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile .app-title,
:where(html[data-chekku-page="manager-portal"]) .app-tile .app-desc,
:where(html[data-chekku-page="manager-portal"]) .app-tile-copy span {
  position: relative !important;
  z-index: 3 !important;
}

@media (max-width:560px) {
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card,
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(4) {
  grid-template-columns: minmax(0,1fr) !important;
  min-height: 138px !important;
  padding: 16px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-copy {
  padding-right: 0 !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-bg-icon {
  right: 8px !important;
  font-size: 6.8rem !important;
}
}

:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: 14px !important;
  max-width: 100% !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card,
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(4) {
  min-height: 158px !important;
  padding: 18px 18px 19px 20px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-copy {
  padding-right: 8px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-bg-icon {
  right: 18px !important;
  font-size: 7.3rem !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile:hover .app-tile-bg-icon {
  right: 12px !important;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card,
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(1),
:where(html[data-chekku-page="manager-portal"]) .app-tile.app-card:nth-child(4) {
  min-height: 152px !important;
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="manager-portal"]) .app-launch-grid.apps-grid {
  grid-template-columns: 1fr !important;
}
}

:root:where(html[data-chekku-page="manager-portal"]) {
  --border: rgba(53,92,125,.14);
  --border-soft: rgba(39,58,77,.08);
  --glass: rgba(255,255,255,.18);
  --glass-border: rgba(255,255,255,.34);
  --deck-card: rgba(255,255,255,.58);
  --deck-card-strong: rgba(255,255,255,.76);
  --deck-border: rgba(255,255,255,.52);
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb,
:where(html[data-chekku-page="manager-portal"]) .chip.glass-chip,
:where(html[data-chekku-page="manager-portal"]) .app-logout.logout-btn,
:where(html[data-chekku-page="manager-portal"]) .hero-intro-card,
:where(html[data-chekku-page="manager-portal"]) .daily-card,
:where(html[data-chekku-page="manager-portal"]) .launchpad-panel,
:where(html[data-chekku-page="manager-portal"]) .intro-stats div,
:where(html[data-chekku-page="manager-portal"]) .daily-result,
:where(html[data-chekku-page="manager-portal"]) .app-rps-intro,
:where(html[data-chekku-page="manager-portal"]) .hero-card-badge {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.48) !important;
  box-shadow: none !important;
  color: var(--text) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-kicker,
:where(html[data-chekku-page="manager-portal"]) .mini-label,
:where(html[data-chekku-page="manager-portal"]) .app-tile-copy span {
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-cluster h1,
:where(html[data-chekku-page="manager-portal"]) .intro-copy h2,
:where(html[data-chekku-page="manager-portal"]) .launchpad-head h2,
:where(html[data-chekku-page="manager-portal"]) .daily-card h3,
:where(html[data-chekku-page="manager-portal"]) .intro-stats strong,
:where(html[data-chekku-page="manager-portal"]) .daily-result strong,
:where(html[data-chekku-page="manager-portal"]) .launchpad-count strong,
:where(html[data-chekku-page="manager-portal"]) .app-rps-intro .hero-teaser-title,
:where(html[data-chekku-page="manager-portal"]) .app-tile .app-title {
  color: var(--color-ink) !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .intro-copy p,
:where(html[data-chekku-page="manager-portal"]) .launchpad-head p,
:where(html[data-chekku-page="manager-portal"]) .intro-stats small,
:where(html[data-chekku-page="manager-portal"]) .daily-result span,
:where(html[data-chekku-page="manager-portal"]) .launchpad-count span,
:where(html[data-chekku-page="manager-portal"]) .app-rps-intro .hero-teaser-sub,
:where(html[data-chekku-page="manager-portal"]) .app-tile .app-desc {
  color: var(--color-muted) !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-arrow {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.56) !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-mood-grid .wellbeing-btn,
:where(html[data-chekku-page="manager-portal"]) .app-rps-grid .mini-rps-btn,
:where(html[data-chekku-page="manager-portal"]) .app-rank-btn.ghost-btn {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .rank-window-note,
:where(html[data-chekku-page="manager-portal"]) .app-tile .announcement-preview {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,247,230),0.76) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.18) !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-head-clean {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-head-clean h2 {
  margin: 0 !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-head-clean .mini-label,
:where(html[data-chekku-page="manager-portal"]) .launchpad-head-clean p {
  display: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .launchpad-panel .app-launch-grid.apps-grid {
  margin-top: 0 !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb {
  flex: 0 0 88px !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb img {
  width: 86px !important;
  height: 86px !important;
}

@media (max-width:680px) {
:where(html[data-chekku-page="manager-portal"]) .brand-orb {
  flex-basis: 74px !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb img {
  width: 72px !important;
  height: 72px !important;
}
}

:where(html[data-chekku-page="manager-portal"]) .app-page-shell.hero::before,
:where(html[data-chekku-page="manager-portal"]) .app-page-shell.hero::after {
  border-radius: 0 !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb {
  flex: 0 0 112px !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb img {
  width: 110px !important;
  height: 110px !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-logout.logout-btn {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-logout.logout-btn:hover {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.72) !important;
  box-shadow: none !important;
}

@media (max-width:680px) {
:where(html[data-chekku-page="manager-portal"]) .brand-orb {
  flex-basis: 88px !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb img {
  width: 86px !important;
  height: 86px !important;
}
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb {
  flex: 0 0 132px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-icon {
  box-shadow: none !important;
}

@media (max-width:680px) {
:where(html[data-chekku-page="manager-portal"]) .brand-orb {
  flex-basis: 104px !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb img {
  width: 102px !important;
  height: 102px !important;
}
}

:where(html[data-chekku-page="manager-portal"]) .app-tile-bg-icon {
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile:hover .app-tile-bg-icon {
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.tone-green .app-tile-bg-icon {
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.tone-green:hover .app-tile-bg-icon {
  text-shadow: none !important;
}

@media (max-width:560px) {
:where(html[data-chekku-page="manager-portal"]) .app-tile-bg-icon {
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile:hover .app-tile-bg-icon {
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.tone-green .app-tile-bg-icon {
  text-shadow: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-tile.tone-green:hover .app-tile-bg-icon {
  text-shadow: none !important;
}
}

html:where(html[data-chekku-page="manager-portal"]),
:where(html[data-chekku-page="manager-portal"]) body {
  min-height: 100%;
  overflow-x: hidden;
}

:where(html[data-chekku-page="manager-portal"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="manager-portal"]) header,
:where(html[data-chekku-page="manager-portal"]) main,
:where(html[data-chekku-page="manager-portal"]) .page-shell,
:where(html[data-chekku-page="manager-portal"]) .hero,
:where(html[data-chekku-page="manager-portal"]) .panel,
:where(html[data-chekku-page="manager-portal"]) .popup-backdrop,
:where(html[data-chekku-page="manager-portal"]) .popup-card {
  position: relative;
}

:where(html[data-chekku-page="manager-portal"]) main,
:where(html[data-chekku-page="manager-portal"]) .page-shell,
:where(html[data-chekku-page="manager-portal"]) .hero,
:where(html[data-chekku-page="manager-portal"]) .panel {
  z-index: 1;
}

:where(html[data-chekku-page="manager-portal"]) .popup-backdrop,
:where(html[data-chekku-page="manager-portal"]) .modal-backdrop {
  z-index: 9998;
}

:where(html[data-chekku-page="manager-portal"]) .chekku-bg-filter + .page-shell {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="manager-portal"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="manager-portal"]) body::before,
:where(html[data-chekku-page="manager-portal"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .chekku-bg-filter {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: var(--color-surface) !important;
  background-size: cover !important;
  background-attachment: scroll !important;
  transform: translateZ(0) !important;
}

:where(html[data-chekku-page="manager-portal"]) .page-shell,
:where(html[data-chekku-page="manager-portal"]) .app-page-shell,
:where(html[data-chekku-page="manager-portal"]) .panel {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-page-shell.hero::before,
:where(html[data-chekku-page="manager-portal"]) .app-page-shell.hero::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-topbar {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 14px !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-topbar::before {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .app-topbar::after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: var(--color-surface) !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb,
:where(html[data-chekku-page="manager-portal"]) .brand-orb::before,
:where(html[data-chekku-page="manager-portal"]) .brand-orb::after {
  width: 132px !important;
  height: 132px !important;
  flex: 0 0 132px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb::before,
:where(html[data-chekku-page="manager-portal"]) .brand-orb::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb img {
  width: 130px !important;
  height: 130px !important;
  object-fit: contain !important;
  filter: none !important;
}

@media (max-width:680px) {
:where(html[data-chekku-page="manager-portal"]) .app-topbar {
  align-items: flex-start !important;
  flex-direction: column !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb {
  flex-basis: 88px !important;
}

:where(html[data-chekku-page="manager-portal"]) .brand-orb img {
  width: 86px !important;
  height: 86px !important;
}
}

:where(html[data-chekku-page="manager-portal"]) .popup-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9998 !important;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

:where(html[data-chekku-page="manager-portal"]) .popup-backdrop.show {
  display: flex !important;
}

:where(html[data-chekku-page="manager-portal"]) .popup-card {
  position: relative !important;
  z-index: 9999 !important;
}

:where(html[data-chekku-page="manager-portal"]) .chekku-bg-filter {
  pointer-events: none !important;
}

:where(html[data-chekku-page="manager-portal"]) .manager-overview-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  align-items: stretch;
  margin-top: 14px;
}

:where(html[data-chekku-page="manager-portal"]) .manager-pregrade-wide {
  grid-column: 1 / -1;
}

:where(html[data-chekku-page="manager-portal"]) .manager-good-fruit-panel {
  min-height: 300px;
  display: flex;
  flex-direction: column;
}

:where(html[data-chekku-page="manager-portal"]) .manager-good-fruit-panel .good-fruit-note {
  margin-top: auto;
}

:where(html[data-chekku-page="manager-portal"]) .manager-section-card {
  position: relative;
  overflow: hidden;
  padding: 18px;
}

:where(html[data-chekku-page="manager-portal"]) .manager-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="manager-portal"]) .manager-section-title {
  margin: 0;
  letter-spacing: -.03em;
}

:where(html[data-chekku-page="manager-portal"]) .manager-section-sub {
  margin: 4px 0 0;
  color: var(--color-muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="manager-portal"]) .manager-small-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.56);
  color: var(--color-blue);
  font-size: .76rem;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .good-fruit-main-value {
  font-size: clamp(2.6rem,5vw,4.3rem);
  line-height: .92;
  font-weight: 600;
  color: var(--ck-legacy-success,#1F8F5F);
  letter-spacing: -.08em;
  text-align: center;
  margin: 8px 0 2px;
  text-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .good-fruit-main-label {
  text-align: center;
  color: var(--color-muted);
  font-weight: 600;
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="manager-portal"]) .good-fruit-progress {
  height: 18px;
  border-radius: var(--radius-card);
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
  margin: 16px 0 12px;
}

:where(html[data-chekku-page="manager-portal"]) .good-fruit-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="manager-portal"]) .good-fruit-mini-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin-top: 10px;
}

:where(html[data-chekku-page="manager-portal"]) .good-fruit-mini {
  border-radius: var(--radius-card);
  padding: 12px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.56);
  box-shadow: none;
  text-align: center;
}

:where(html[data-chekku-page="manager-portal"]) .good-fruit-mini span {
  display: block;
  color: var(--color-muted);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="manager-portal"]) .good-fruit-mini strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 4px;
}

:where(html[data-chekku-page="manager-portal"]) .good-fruit-note {
  margin-top: 12px;
  border-radius: var(--radius-card);
  padding: 10px 12px;
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.66);
  border: 1px solid rgba(31,143,95,.14);
  color: var(--ck-legacy-success,#246044);
  font-weight: 600;
  font-size: .84rem;
  line-height: 1.35;
  text-align: center;
}

:where(html[data-chekku-page="manager-portal"]) .chart-wrap-small {
  height: 300px;
  min-height: 300px;
  position: relative;
}

:where(html[data-chekku-page="manager-portal"]) .chart-wrap-small canvas {
  width: 100% !important;
  height: 100% !important;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-grid-compact {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-card-compact {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  box-shadow: none;
  padding: 14px;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-card-compact::before {
  content: none !important;
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--color-surface);
  opacity: .9;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-rank {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.6);
  color: var(--color-blue);
  font-weight: 600;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-date {
  text-align: right;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.2;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-title {
  min-height: 45px;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-farm {
  color: var(--color-ink);
  font-weight: 600;
  font-size: .98rem;
  line-height: 1.2;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-variety {
  color: var(--color-muted);
  font-size: .84rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-score {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.64);
  border: 1px solid rgba(31,143,95,.14);
  padding: 10px;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-score-value {
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--ck-legacy-success,#1F8F5F);
  line-height: 1;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-score-label {
  color: var(--ck-legacy-success,#246044);
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-mix {
  display: grid;
  gap: 7px;
}

:where(html[data-chekku-page="manager-portal"]) .mix-row {
  display: grid;
  grid-template-columns: 68px minmax(0,1fr) 46px;
  gap: 8px;
  align-items: center;
}

:where(html[data-chekku-page="manager-portal"]) .mix-label,
:where(html[data-chekku-page="manager-portal"]) .mix-value {
  font-size: .72rem;
  color: var(--color-muted);
  font-weight: 600;
}

:where(html[data-chekku-page="manager-portal"]) .mix-value {
  text-align: right;
  color: var(--color-ink);
}

:where(html[data-chekku-page="manager-portal"]) .mix-track {
  height: 8px;
  border-radius: var(--radius-card);
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
}

:where(html[data-chekku-page="manager-portal"]) .mix-fill {
  height: 100%;
  border-radius: var(--radius-card);
  display: block;
}

:where(html[data-chekku-page="manager-portal"]) .mix-fill.comp {
  background: #1F8F5F;
}

:where(html[data-chekku-page="manager-portal"]) .mix-fill.c2 {
  background: var(--color-coral);
}

:where(html[data-chekku-page="manager-portal"]) .mix-fill.waste {
  background: #B42318;
}

:where(html[data-chekku-page="manager-portal"]) .rps-locked-note {
  color: var(--color-muted);
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
}

:where(html[data-chekku-page="manager-portal"]) .popup-close {
  position: absolute;
  top: 14px;
  right: 14px;
  border: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.56);
  width: 42px;
  height: 42px;
  font-size: 24px;
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="manager-portal"]) .rank-tabs {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin: 18px 0 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="manager-portal"]) .rank-tab {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.56);
  background: var(--color-surface);
  color: var(--color-blue);
  border-radius: var(--radius-control);
  padding: 9px 13px;
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="manager-portal"]) .rank-tab.active {
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="manager-portal"]) .rank-panel {
  display: none;
}

:where(html[data-chekku-page="manager-portal"]) .rank-panel.active {
  display: block;
}

:where(html[data-chekku-page="manager-portal"]) .rank-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
}

:where(html[data-chekku-page="manager-portal"]) .rank-table th {
  font-size: .78rem;
  color: var(--color-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  text-align: left;
}

:where(html[data-chekku-page="manager-portal"]) .rank-table td {
  background: var(--color-surface);
  border-top: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.54);
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.54);
  padding: 10px;
  font-weight: 600;
  color: var(--color-ink);
}

:where(html[data-chekku-page="manager-portal"]) .rank-table td:first-child {
  border-radius: var(--radius-card) 0 0 var(--radius-card);
  border-left: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.54);
}

:where(html[data-chekku-page="manager-portal"]) .rank-table td:last-child {
  border-radius: 0 var(--radius-card) var(--radius-card) 0;
  border-right: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.54);
}

:where(html[data-chekku-page="manager-portal"]) .rank-medal,
:where(html[data-chekku-page="manager-portal"]) .rank-points {
  font-weight: 600;
  color: var(--color-blue);
}

:where(html[data-chekku-page="manager-portal"]) .rank-empty {
  text-align: center;
  padding: 24px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-muted);
  font-weight: 600;
}

:where(html[data-chekku-page="manager-portal"]) .rank-window-chip {
  display: inline-flex;
  margin: 10px auto;
  padding: 9px 12px;
  border-radius: var(--radius-control);
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,247,230),0.74);
  border: 1px solid rgba(244,122,31,.18);
  color: var(--ck-legacy-warning,#8A5200);
  font-weight: 600;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="manager-portal"]) .manager-overview-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="manager-portal"]) .manager-pregrade-wide {
  grid-column: auto;
}

:where(html[data-chekku-page="manager-portal"]) .pregrade-grid-compact {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="manager-portal"]) .good-fruit-mini-grid,
:where(html[data-chekku-page="manager-portal"]) .pregrade-grid-compact {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="manager-portal"]) .manager-section-head {
  flex-direction: column;
}

:where(html[data-chekku-page="manager-portal"]) .chart-wrap-small {
  height: 260px;
  min-height: 260px;
}
}

/* MODULE: settings_all.php */

:root:where(html[data-chekku-page="settings-all"]) {
  --danger: #B42318;
}

:where(html[data-chekku-page="settings-all"]) * {
  box-sizing: border-box;
  min-width: 0;
}

html:where(html[data-chekku-page="settings-all"]),
:where(html[data-chekku-page="settings-all"]) body {
  min-height: 100%;
  overflow-x: hidden;
}

:where(html[data-chekku-page="settings-all"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  position: relative;
}

:where(html[data-chekku-page="settings-all"]) body::before,
:where(html[data-chekku-page="settings-all"]) body::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="settings-all"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  transform: translateZ(0);
}

:where(html[data-chekku-page="settings-all"]) .page-shell {
  position: relative;
  z-index: 1;
  min-height: 100svh;
  min-height: 100dvh;
  padding: clamp(14px, 2vh, 24px) 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="settings-all"]) .portal-shell {
  position: relative;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

:where(html[data-chekku-page="settings-all"]) .app-topbar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  overflow: visible;
}

:where(html[data-chekku-page="settings-all"]) .app-topbar::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="settings-all"]) .brand-cluster {
  display: flex;
  align-items: center;
  min-width: 0;
}

:where(html[data-chekku-page="settings-all"]) .brand-orb {
  flex: 0 0 132px;
  overflow: visible;
  display: grid;
  place-items: center;
}

:where(html[data-chekku-page="settings-all"]) .brand-orb img {
  width: 130px;
  height: 130px;
  object-fit: contain;
  display: block;
}

:where(html[data-chekku-page="settings-all"]) .app-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  text-transform: uppercase;
  text-shadow: none;
}

:where(html[data-chekku-page="settings-all"]) .brand-cluster h1 {
  margin: 3px 0 0;
}

:where(html[data-chekku-page="settings-all"]) .topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="settings-all"]) .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  text-decoration: none;
  white-space: nowrap;
}

:where(html[data-chekku-page="settings-all"]) .back-btn {
  background: var(--color-surface);
  color: var(--color-ink);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

:where(html[data-chekku-page="settings-all"]) .back-btn:hover {
  transform: none;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="settings-all"]) .portal-layout {
  display: grid;
  grid-template-columns: minmax(310px,.52fr) minmax(0,1.48fr);
  align-items: stretch;
}

:where(html[data-chekku-page="settings-all"]) .today-stack {
  display: grid;
  gap: 12px;
  align-content: start;
}

:where(html[data-chekku-page="settings-all"]) .intro-card,
:where(html[data-chekku-page="settings-all"]) .mini-card,
:where(html[data-chekku-page="settings-all"]) .launchpad-panel {
  overflow: hidden;
}

:where(html[data-chekku-page="settings-all"]) .intro-card {
  position: relative;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  isolation: isolate;
}

:where(html[data-chekku-page="settings-all"]) .intro-card::before {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  z-index: -1;
}

:where(html[data-chekku-page="settings-all"]) .mini-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
}

:where(html[data-chekku-page="settings-all"]) .intro-card h2,
:where(html[data-chekku-page="settings-all"]) .launchpad-head h2,
:where(html[data-chekku-page="settings-all"]) .mini-card h3 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="settings-all"]) .intro-card p,
:where(html[data-chekku-page="settings-all"]) .launchpad-head p,
:where(html[data-chekku-page="settings-all"]) .mini-card p {
  margin: 9px 0 0;
}

:where(html[data-chekku-page="settings-all"]) .intro-stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin-top: 20px;
}

:where(html[data-chekku-page="settings-all"]) .intro-stats div {
  min-width: 0;
  border-radius: var(--radius-card);
  padding: 12px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
}

:where(html[data-chekku-page="settings-all"]) .intro-stats strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="settings-all"]) .intro-stats small {
  display: block;
  margin-top: 5px;
  color: var(--color-muted);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="settings-all"]) .mini-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="settings-all"]) .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-blue);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68);
  box-shadow: none;
  font-size: .75rem;
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="settings-all"]) .mini-result {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
}

:where(html[data-chekku-page="settings-all"]) .mini-result-emoji {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66);
  box-shadow: none;
  font-size: 1.8rem;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="settings-all"]) .mini-result strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.05rem;
  font-weight: 600;
}

:where(html[data-chekku-page="settings-all"]) .mini-result span {
  display: block;
  color: var(--color-muted);
  font-size: .86rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="settings-all"]) .launchpad-panel {
  position: relative;
  padding: 20px;
  min-height: 100%;
}

:where(html[data-chekku-page="settings-all"]) .launchpad-panel::before {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  background-size: auto, 46px 46px, 46px 46px;
  opacity: .90;
  pointer-events: none;
  mask-image: linear-gradient(180deg, #000, transparent 92%);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 92%);
}

:where(html[data-chekku-page="settings-all"]) .launchpad-head {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(8,42,85,.10);
}

:where(html[data-chekku-page="settings-all"]) .launchpad-head h2 {
  margin: 0;
}

:where(html[data-chekku-page="settings-all"]) .launchpad-count {
  min-width: 78px;
  text-align: center;
  border-radius: var(--radius-card);
  padding: 10px 13px;
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.34);
}

:where(html[data-chekku-page="settings-all"]) .launchpad-count strong {
  display: block;
  font-size: 1.35rem;
  line-height: 1;
  color: var(--color-ink);
  font-weight: 600;
}

:where(html[data-chekku-page="settings-all"]) .launchpad-count span {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
  color: var(--color-ink);
}

:where(html[data-chekku-page="settings-all"]) .settings-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="settings-all"]) .setting-card {
  --tone: var(--color-purple);
  --tone-soft: rgba(107,79,214,.15);
  position: relative;
  min-height: 158px;
  padding: 18px 18px 19px 20px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 38px;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

:where(html[data-chekku-page="settings-all"]) .setting-card::before {
  content: none !important;
  position: absolute;
  inset: auto 16px 12px 16px;
  width: auto;
  height: 5px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  opacity: .75;
  z-index: 0;
  pointer-events: none;
}

:where(html[data-chekku-page="settings-all"]) .setting-card:hover {
  transform: none;
}

:where(html[data-chekku-page="settings-all"]) .setting-bg-icon {
  right: 18px;
  top: 50%;
  font-size: 7.3rem;
  line-height: 1;
  pointer-events: none;
  user-select: none;
  z-index: 0;
  transition: opacity .2s ease, transform .2s ease, right .2s ease;
}

:where(html[data-chekku-page="settings-all"]) .setting-card:hover .setting-bg-icon {
  right: 12px;
}

:where(html[data-chekku-page="settings-all"]) .setting-copy {
  position: relative;
  z-index: 2;
  padding-right: 8px;
}

:where(html[data-chekku-page="settings-all"]) .setting-copy span {
  color: var(--tone);
  font-size: .70rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="settings-all"]) .setting-title {
  margin: 4px 0 4px;
  letter-spacing: -.035em;
}

:where(html[data-chekku-page="settings-all"]) .setting-desc {
  margin: 0;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.42;
  font-size: .86rem;
}

:where(html[data-chekku-page="settings-all"]) .setting-arrow {
  position: relative;
  z-index: 2;
  width: 38px;
  height: 38px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.56);
  color: var(--color-blue-deep);
  box-shadow: none;
  display: grid;
  place-items: center;
  font-weight: 600;
  transition: transform .18s ease;
}

:where(html[data-chekku-page="settings-all"]) .setting-card:hover .setting-arrow {
  transform: none;
}

:where(html[data-chekku-page="settings-all"]) .app-footer {
  justify-content: center;
  align-items: center;
  text-align: center;
}

:where(html[data-chekku-page="settings-all"]) .app-footer p {
  margin: 0;
}

@media (max-width:1160px) {
:where(html[data-chekku-page="settings-all"]) .portal-layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="settings-all"]) .today-stack {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

:where(html[data-chekku-page="settings-all"]) .intro-card {
  min-height: 240px;
}

:where(html[data-chekku-page="settings-all"]) .intro-stats {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
}

@media (max-width:920px) {
:where(html[data-chekku-page="settings-all"]) .today-stack {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="settings-all"]) .settings-grid {
  grid-template-columns: repeat(2, minmax(240px, 1fr));
}

:where(html[data-chekku-page="settings-all"]) .launchpad-head {
  flex-direction: column;
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="settings-all"]) .page-shell {
  justify-content: flex-start;
}

:where(html[data-chekku-page="settings-all"]) .app-topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="settings-all"]) .brand-orb {
  flex-basis: 88px;
}

:where(html[data-chekku-page="settings-all"]) .brand-orb img {
  width: 86px;
  height: 86px;
}

:where(html[data-chekku-page="settings-all"]) .topbar-actions {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="settings-all"]) .chip {
  width: 100%;
}

:where(html[data-chekku-page="settings-all"]) .settings-grid {
  grid-template-columns: 1fr;
}
}

@media (max-width:560px) {
:where(html[data-chekku-page="settings-all"]) .setting-card {
  grid-template-columns: minmax(0,1fr);
  min-height: 138px;
  padding: 16px;
}

:where(html[data-chekku-page="settings-all"]) .setting-arrow {
  display: none;
}

:where(html[data-chekku-page="settings-all"]) .setting-bg-icon {
  right: 8px;
  font-size: 6.8rem;
}
}

@media (prefers-reduced-motion: reduce) {
:where(html[data-chekku-page="settings-all"]) * {
  transition: none !important;
  animation: none !important;
}
}

:where(html[data-chekku-page="settings-all"]) .app-kicker {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

:where(html[data-chekku-page="settings-all"]) .brand-cluster h1 {
  filter: none !important;
}

/* MODULE: wellbeing.php */

:root:where(html[data-chekku-page="wellbeing"]) {
  --muted-2: #5F7188;
  --danger: #B42318;
  --success: #1F8F5F;
  --success-bg: #EAF9F1;
  --danger-bg: #FFF0F2;
  --shadow-card: none;
}

:where(html[data-chekku-page="wellbeing"]) * {
  box-sizing: border-box;
  min-width: 0;
}

html:where(html[data-chekku-page="wellbeing"]),
:where(html[data-chekku-page="wellbeing"]) body {
  min-height: 100%;
  overflow-x: hidden;
}

:where(html[data-chekku-page="wellbeing"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  position: relative;
}

:where(html[data-chekku-page="wellbeing"]) body::before,
:where(html[data-chekku-page="wellbeing"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="wellbeing"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  transform: translateZ(0);
}

:where(html[data-chekku-page="wellbeing"]) .page-shell {
  position: relative;
  z-index: 1;
  min-height: 100svh;
  min-height: 100dvh;
  padding: clamp(14px, 2vh, 24px) 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="wellbeing"]) .portal-shell {
  position: relative;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

:where(html[data-chekku-page="wellbeing"]) .app-topbar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  overflow: visible;
}

:where(html[data-chekku-page="wellbeing"]) .app-topbar::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="wellbeing"]) .brand-cluster {
  display: flex;
  align-items: center;
  min-width: 0;
}

:where(html[data-chekku-page="wellbeing"]) .brand-orb {
  flex: 0 0 132px;
  overflow: visible;
  display: grid;
  place-items: center;
}

:where(html[data-chekku-page="wellbeing"]) .brand-orb img {
  width: 130px;
  height: 130px;
  object-fit: contain;
  display: block;
}

:where(html[data-chekku-page="wellbeing"]) .app-kicker,
:where(html[data-chekku-page="wellbeing"]) .mini-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
}

:where(html[data-chekku-page="wellbeing"]) .app-kicker {
  text-shadow: none;
}

:where(html[data-chekku-page="wellbeing"]) .brand-cluster h1 {
  margin: 3px 0 0;
}

:where(html[data-chekku-page="wellbeing"]) .topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="wellbeing"]) .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  text-decoration: none;
  white-space: nowrap;
}

:where(html[data-chekku-page="wellbeing"]) .back-btn {
  background: var(--color-surface);
  color: var(--color-ink);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

:where(html[data-chekku-page="wellbeing"]) .back-btn:hover {
  transform: none;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="wellbeing"]) .portal-layout {
  display: grid;
  grid-template-columns: minmax(310px,.52fr) minmax(0,1.48fr);
  align-items: stretch;
}

:where(html[data-chekku-page="wellbeing"]) .today-stack {
  display: grid;
  gap: 12px;
  align-content: start;
}

:where(html[data-chekku-page="wellbeing"]) .intro-card,
:where(html[data-chekku-page="wellbeing"]) .mini-card,
:where(html[data-chekku-page="wellbeing"]) .deck-panel {
  overflow: hidden;
}

:where(html[data-chekku-page="wellbeing"]) .intro-card {
  position: relative;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  isolation: isolate;
}

:where(html[data-chekku-page="wellbeing"]) .intro-card::before {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  z-index: -1;
}

:where(html[data-chekku-page="wellbeing"]) .intro-card h2,
:where(html[data-chekku-page="wellbeing"]) .deck-head h2,
:where(html[data-chekku-page="wellbeing"]) .mini-card h3 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="wellbeing"]) .intro-card p,
:where(html[data-chekku-page="wellbeing"]) .deck-head p,
:where(html[data-chekku-page="wellbeing"]) .mini-card p {
  margin: 9px 0 0;
}

:where(html[data-chekku-page="wellbeing"]) .intro-stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin-top: 20px;
}

:where(html[data-chekku-page="wellbeing"]) .intro-stats div {
  min-width: 0;
  border-radius: var(--radius-card);
  padding: 12px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
}

:where(html[data-chekku-page="wellbeing"]) .intro-stats strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="wellbeing"]) .intro-stats small {
  display: block;
  margin-top: 5px;
  color: var(--color-muted);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="wellbeing"]) .mini-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="wellbeing"]) .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-blue);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68);
  box-shadow: none;
  font-size: .75rem;
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="wellbeing"]) .mini-result {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
}

:where(html[data-chekku-page="wellbeing"]) .mini-result-emoji {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66);
  box-shadow: none;
  font-size: 1.8rem;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="wellbeing"]) .mini-result strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.05rem;
  font-weight: 600;
}

:where(html[data-chekku-page="wellbeing"]) .mini-result span {
  display: block;
  color: var(--color-muted);
  font-size: .86rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="wellbeing"]) .mood-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="wellbeing"]) .mood-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .86rem;
  box-shadow: none;
}

:where(html[data-chekku-page="wellbeing"]) .deck-panel {
  position: relative;
  padding: 20px;
  min-height: 100%;
}

:where(html[data-chekku-page="wellbeing"]) .deck-panel::before {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  background-size: auto, 46px 46px, 46px 46px;
  opacity: .90;
  pointer-events: none;
  mask-image: linear-gradient(180deg, #000, transparent 92%);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 92%);
}

:where(html[data-chekku-page="wellbeing"]) .deck-head {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(8,42,85,.10);
}

:where(html[data-chekku-page="wellbeing"]) .deck-head h2 {
  margin: 0;
}

:where(html[data-chekku-page="wellbeing"]) .deck-count {
  min-width: 78px;
  text-align: center;
  border-radius: var(--radius-card);
  padding: 10px 13px;
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.34);
}

:where(html[data-chekku-page="wellbeing"]) .deck-count strong {
  display: block;
  font-size: 1.35rem;
  line-height: 1;
  color: var(--color-ink);
  font-weight: 600;
}

:where(html[data-chekku-page="wellbeing"]) .deck-count span {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
  color: var(--color-ink);
}

:where(html[data-chekku-page="wellbeing"]) .summary-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="wellbeing"]) .summary-card {
  --tone: var(--color-blue);
  --tone-soft: rgba(53,92,125,.12);
  position: relative;
  min-height: 150px;
  padding: 18px 18px 19px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  isolation: isolate;
}

:where(html[data-chekku-page="wellbeing"]) .summary-card::before {
  content: none !important;
  position: absolute;
  inset: auto 16px 12px 16px;
  width: auto;
  height: 5px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  opacity: .75;
  z-index: 0;
  pointer-events: none;
}

:where(html[data-chekku-page="wellbeing"]) .summary-bg-icon {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%) rotate(-8deg) scale(1);
  font-size: 7.3rem;
  line-height: 1;
  opacity: .20;
  color: var(--tone);
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

:where(html[data-chekku-page="wellbeing"]) .summary-label,
:where(html[data-chekku-page="wellbeing"]) .summary-value,
:where(html[data-chekku-page="wellbeing"]) .summary-sub {
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="wellbeing"]) .summary-label {
  color: var(--tone);
  font-size: .70rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="wellbeing"]) .summary-value {
  margin-top: 7px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  color: var(--color-ink);
  letter-spacing: -.035em;
}

:where(html[data-chekku-page="wellbeing"]) .summary-sub {
  margin-top: 9px;
  color: var(--color-muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.38;
  max-width: 34ch;
}

:where(html[data-chekku-page="wellbeing"]) .section-panel {
  position: relative;
  z-index: 1;
  margin-top: 16px;
  padding: 18px;
}

:where(html[data-chekku-page="wellbeing"]) .section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="wellbeing"]) .section-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where(html[data-chekku-page="wellbeing"]) .section-title {
  margin: 0;
  letter-spacing: -.02em;
}

:where(html[data-chekku-page="wellbeing"]) .section-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .84rem;
  box-shadow: none;
}

:where(html[data-chekku-page="wellbeing"]) .empty-state {
  display: grid;
  place-items: center;
  min-height: 130px;
  text-align: center;
  border: 1px dashed rgba(53,92,125,.22);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--muted);
  font-weight: 600;
  padding: 22px;
}

:where(html[data-chekku-page="wellbeing"]) .today-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="wellbeing"]) .today-card {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 11px;
  min-height: 152px;
}

:where(html[data-chekku-page="wellbeing"]) .today-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

:where(html[data-chekku-page="wellbeing"]) .today-user {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1.2;
}

:where(html[data-chekku-page="wellbeing"]) .today-emoji {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  font-size: 1.65rem;
  line-height: 1;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  box-shadow: none;
  flex: 0 0 48px;
}

:where(html[data-chekku-page="wellbeing"]) .mood-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border-radius: var(--radius-card);
  font-size: .88rem;
  font-weight: 600;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  width: max-content;
  box-shadow: none;
}

:where(html[data-chekku-page="wellbeing"]) .today-desc {
  color: rgba(var(--ck-legacy-accent-rgb,6,26,53),0.64);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.45;
  margin-top: auto;
}

:where(html[data-chekku-page="wellbeing"]) .stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="wellbeing"]) .stats-card {
  position: relative;
  overflow: hidden;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 220px;
}

:where(html[data-chekku-page="wellbeing"]) .stats-card::before {
  content: none !important;
  position: absolute;
  width: 130px;
  height: 130px;
  right: -72px;
  top: -70px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="wellbeing"]) .stats-top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

:where(html[data-chekku-page="wellbeing"]) .stats-user {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1.2;
}

:where(html[data-chekku-page="wellbeing"]) .top-mood-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border-radius: var(--radius-control);
  font-size: .85rem;
  font-weight: 600;
  width: max-content;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  box-shadow: none;
}

:where(html[data-chekku-page="wellbeing"]) .stats-list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8px;
  margin-top: 2px;
}

:where(html[data-chekku-page="wellbeing"]) .stats-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="wellbeing"]) .stats-row .icon {
  font-size: 1rem;
  line-height: 1;
}

:where(html[data-chekku-page="wellbeing"]) .stats-row .name {
  font-weight: 600;
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="wellbeing"]) .stats-row .count {
  font-weight: 600;
  color: var(--color-blue-deep);
  font-variant-numeric: tabular-nums;
}

:where(html[data-chekku-page="wellbeing"]) .app-footer {
  justify-content: center;
  align-items: center;
  text-align: center;
}

:where(html[data-chekku-page="wellbeing"]) .app-footer p {
  margin: 0;
}

@media (max-width:1160px) {
:where(html[data-chekku-page="wellbeing"]) .portal-layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="wellbeing"]) .today-stack {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

:where(html[data-chekku-page="wellbeing"]) .intro-card {
  min-height: 240px;
}

:where(html[data-chekku-page="wellbeing"]) .intro-stats {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
}

@media (max-width:920px) {
:where(html[data-chekku-page="wellbeing"]) .today-stack {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="wellbeing"]) .summary-grid {
  grid-template-columns: repeat(2, minmax(240px, 1fr));
}

:where(html[data-chekku-page="wellbeing"]) .deck-head {
  flex-direction: column;
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="wellbeing"]) .page-shell {
  justify-content: flex-start;
}

:where(html[data-chekku-page="wellbeing"]) .app-topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="wellbeing"]) .brand-orb {
  flex-basis: 88px;
}

:where(html[data-chekku-page="wellbeing"]) .brand-orb img {
  width: 86px;
  height: 86px;
}

:where(html[data-chekku-page="wellbeing"]) .topbar-actions {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="wellbeing"]) .chip {
  width: 100%;
}

:where(html[data-chekku-page="wellbeing"]) .summary-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="wellbeing"]) .mood-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width:560px) {
:where(html[data-chekku-page="wellbeing"]) .summary-card {
  min-height: 138px;
  padding: 16px;
}

:where(html[data-chekku-page="wellbeing"]) .summary-bg-icon {
  right: 8px;
  font-size: 6.8rem;
  opacity: .18;
}

:where(html[data-chekku-page="wellbeing"]) .today-grid,
:where(html[data-chekku-page="wellbeing"]) .stats-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="wellbeing"]) .summary-value {
  font-size: 1.75rem;
}
}

@media (prefers-reduced-motion: reduce) {
:where(html[data-chekku-page="wellbeing"]) * {
  transition: none !important;
  animation: none !important;
}
}

/* MODULE: config/403.php */

:root:where(html[data-chekku-page="config-403"]) {
  --danger: #B42318;
  --danger-soft: rgba(255,240,242,.84);
  --glass: rgba(255,255,255,.66);
  --border: rgba(255,255,255,.42);
  --border-soft: rgba(39,58,77,.08);
}

:where(html[data-chekku-page="config-403"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="config-403"]),
:where(html[data-chekku-page="config-403"]) body {
  width: 100%;
  min-height: 100%;
  margin: 0;
}

:where(html[data-chekku-page="config-403"]) body {
  min-height: 100svh;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--color-surface);
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  overflow: hidden;
  position: relative;
}

:where(html[data-chekku-page="config-403"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: 0;
}

:where(html[data-chekku-page="config-403"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: 0;
}

:where(html[data-chekku-page="config-403"]) .orb {
  position: fixed;
  border-radius: 50%;
  filter: none;
  opacity: .55;
  pointer-events: none;
  z-index: 0;
  animation: ck-config-403-floatOrb 9s ease-in-out infinite;
}

:where(html[data-chekku-page="config-403"]) .orb-1 {
  width: 280px;
  height: 280px;
  top: -90px;
  left: -80px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="config-403"]) .orb-2 {
  width: 240px;
  height: 240px;
  right: -50px;
  bottom: -50px;
  background: var(--color-surface);
  animation-delay: 1.5s;
}

:where(html[data-chekku-page="config-403"]) .page-shell {
  position: relative;
  z-index: 1;
  min-height: calc(100svh - 56px);
  display: flex;
  align-items: center;
  justify-content: center;
}

:where(html[data-chekku-page="config-403"]) .forbidden-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  isolation: isolate;
}

:where(html[data-chekku-page="config-403"]) .forbidden-wrap::before {
  content: none !important;
  position: absolute;
  width: 320px;
  height: 320px;
  right: -120px;
  top: -130px;
  border-radius: 50%;
  background: var(--color-surface);
  z-index: -2;
  pointer-events: none;
}

:where(html[data-chekku-page="config-403"]) .forbidden-wrap::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  z-index: -1;
  pointer-events: none;
}

:where(html[data-chekku-page="config-403"]) .content {
  display: grid;
  grid-template-columns: 300px minmax(0,1fr);
  gap: 26px;
  align-items: center;
  justify-content: center;
  padding: 34px;
  min-height: 560px;
}

:where(html[data-chekku-page="config-403"]) .visual-side {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

:where(html[data-chekku-page="config-403"]) .logo-shell {
  width: min(94%, 285px);
  opacity: .98;
  filter: none;
  user-select: none;
  pointer-events: none;
}

:where(html[data-chekku-page="config-403"]) .logo-shell img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

:where(html[data-chekku-page="config-403"]) .info-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 18px;
  padding: 4px 2px;
  max-width: 680px;
}

:where(html[data-chekku-page="config-403"]) .top-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-403"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 9px 13px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-403"]) .status-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: var(--radius-control);
  background: var(--danger-soft);
  color: var(--danger);
  border: 1px solid rgba(180,35,24,.18);
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .04em;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-403"]) .headline {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 680px;
}

:where(html[data-chekku-page="config-403"]) .error-code {
  margin: 0;
  font-size: clamp(4.2rem, 10vw, 7rem);
  line-height: .88;
  font-weight: 600;
  color: var(--danger);
  letter-spacing: -.055em;
  text-shadow: none;
}

:where(html[data-chekku-page="config-403"]) .headline h1 {
  margin: 0;
}

:where(html[data-chekku-page="config-403"]) .headline p {
  margin: 0;
  max-width: 650px;
}

:where(html[data-chekku-page="config-403"]) .meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

:where(html[data-chekku-page="config-403"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  color: var(--color-blue-deep);
  font-size: .88rem;
  font-weight: 600;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}

:where(html[data-chekku-page="config-403"]) .cards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 2px;
}

:where(html[data-chekku-page="config-403"]) .info-card {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 150px;
}

:where(html[data-chekku-page="config-403"]) .info-card .card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

:where(html[data-chekku-page="config-403"]) .icon-badge {
  width: 46px;
  height: 46px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  font-size: 1.25rem;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  box-shadow: none;
  flex: 0 0 46px;
}

:where(html[data-chekku-page="config-403"]) .mini-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: var(--radius-card);
  background: rgba(53,92,125,.09);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(53,92,125,.12);
  font-size: .74rem;
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="config-403"]) .info-card h3 {
  margin: 0;
}

:where(html[data-chekku-page="config-403"]) .info-card p {
  margin: 0;
}

:where(html[data-chekku-page="config-403"]) .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 4px;
}

:where(html[data-chekku-page="config-403"]) .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 52px;
  padding: 0 18px;
  border: none;
  border-radius: var(--radius-control);
  text-decoration: none;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  white-space: nowrap;
}

:where(html[data-chekku-page="config-403"]) .btn:hover {
  transform: none;
}

:where(html[data-chekku-page="config-403"]) .btn-primary {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="config-403"]) .btn-primary:hover {
  box-shadow: none;
  filter: brightness(1.03);
}

:where(html[data-chekku-page="config-403"]) .btn-secondary {
  color: var(--color-ink);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26);
  box-shadow: none;
}

:where(html[data-chekku-page="config-403"]) .btn-secondary:hover {
  box-shadow: none;
  filter: brightness(1.03);
}

:where(html[data-chekku-page="config-403"]) .help-note {
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.5;
  max-width: 650px;
}

@keyframes ck-config-403-floatOrb {
0%,100% {
  transform: translateY(0) translateX(0);
}

50% {
  transform: translateY(14px) translateX(10px);
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="config-403"]) body {
  overflow: auto;
}

:where(html[data-chekku-page="config-403"]) .page-shell {
  min-height: calc(100svh - 44px);
}

:where(html[data-chekku-page="config-403"]) .content {
  grid-template-columns: 1fr;
  padding: 24px;
  min-height: auto;
  text-align: center;
}

:where(html[data-chekku-page="config-403"]) .info-side {
  align-items: center;
  max-width: 100%;
}

:where(html[data-chekku-page="config-403"]) .top-row {
  justify-content: center;
}

:where(html[data-chekku-page="config-403"]) .visual-side {
  min-height: auto;
  order: -1;
}

:where(html[data-chekku-page="config-403"]) .logo-shell {
  width: min(230px, 62%);
  opacity: .92;
}

:where(html[data-chekku-page="config-403"]) .cards {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-403"]) .meta,
:where(html[data-chekku-page="config-403"]) .actions {
  justify-content: center;
}
}

@media (max-width:640px) {
:where(html[data-chekku-page="config-403"]) body {
  padding: 14px;
}

:where(html[data-chekku-page="config-403"]) .page-shell {
  min-height: calc(100svh - 28px);
}

:where(html[data-chekku-page="config-403"]) .forbidden-wrap {
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="config-403"]) .content {
  padding: 20px;
  gap: 18px;
}

:where(html[data-chekku-page="config-403"]) .top-row {
  flex-direction: column;
  align-items: center;
}

:where(html[data-chekku-page="config-403"]) .actions {
  flex-direction: column;
  width: 100%;
}

:where(html[data-chekku-page="config-403"]) .btn {
  width: 100%;
}

:where(html[data-chekku-page="config-403"]) .meta {
  width: 100%;
  gap: 8px;
}

:where(html[data-chekku-page="config-403"]) .meta-pill {
  width: 100%;
  justify-content: center;
}

:where(html[data-chekku-page="config-403"]) .error-code {
  font-size: 4.6rem;
}
}

/* MODULE: config/force_password_change.php */

:root:where(html[data-chekku-page="config-force-password-change"]) {
  --glass: rgba(255,255,255,.66);
  --border: rgba(255,255,255,.42);
  --border-soft: rgba(39,58,77,.08);
  --danger: #B42318;
  --danger-bg: rgba(255,240,242,.86);
  --danger-br: rgba(180,35,24,.18);
  --success: #1F8F5F;
  --warn: #C78300;
  --weak: #D64545;
}

:where(html[data-chekku-page="config-force-password-change"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="config-force-password-change"]),
:where(html[data-chekku-page="config-force-password-change"]) body {
  width: 100%;
  min-height: 100%;
  margin: 0;
}

:where(html[data-chekku-page="config-force-password-change"]) body {
  min-height: 100svh;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--color-surface);
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  overflow: hidden;
  position: relative;
}

:where(html[data-chekku-page="config-force-password-change"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: 0;
}

:where(html[data-chekku-page="config-force-password-change"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: 0;
}

:where(html[data-chekku-page="config-force-password-change"]) .orb {
  position: fixed;
  border-radius: 50%;
  filter: none;
  opacity: .55;
  pointer-events: none;
  z-index: 0;
  animation: ck-config-force-password-change-floatOrb 9s ease-in-out infinite;
}

:where(html[data-chekku-page="config-force-password-change"]) .orb-1 {
  width: 280px;
  height: 280px;
  top: -90px;
  left: -80px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="config-force-password-change"]) .orb-2 {
  width: 240px;
  height: 240px;
  right: -50px;
  bottom: -50px;
  background: var(--color-surface);
  animation-delay: 1.5s;
}

:where(html[data-chekku-page="config-force-password-change"]) .auth-shell {
  position: relative;
  z-index: 1;
  width: min(1020px, 100%);
  margin: auto;
  display: grid;
  grid-template-columns: minmax(300px, 1fr) minmax(360px, 430px);
  gap: 26px;
  align-items: stretch;
  justify-content: center;
}

:where(html[data-chekku-page="config-force-password-change"]) .glass-panel {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

:where(html[data-chekku-page="config-force-password-change"]) .glass-panel::before {
  content: none !important;
  position: absolute;
  width: 280px;
  height: 280px;
  right: -110px;
  top: -130px;
  border-radius: 50%;
  background: var(--color-surface);
  z-index: -2;
  pointer-events: none;
}

:where(html[data-chekku-page="config-force-password-change"]) .glass-panel::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  z-index: -1;
  pointer-events: none;
}

:where(html[data-chekku-page="config-force-password-change"]) .hero-panel {
  padding: 34px 30px;
  min-height: 620px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 26px;
}

:where(html[data-chekku-page="config-force-password-change"]) .brand {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 26px;
}

:where(html[data-chekku-page="config-force-password-change"]) .brand-logo {
  width: 62px;
  height: 62px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  font-size: 1.5rem;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  box-shadow: none;
  flex: 0 0 62px;
}

:where(html[data-chekku-page="config-force-password-change"]) .brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

:where(html[data-chekku-page="config-force-password-change"]) .brand-text strong {
  font-size: 1.16rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  letter-spacing: -.01em;
}

:where(html[data-chekku-page="config-force-password-change"]) .brand-text span {
  font-size: .88rem;
  color: var(--muted);
  font-weight: 600;
}

:where(html[data-chekku-page="config-force-password-change"]) .hero-copy {
  max-width: 520px;
}

:where(html[data-chekku-page="config-force-password-change"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 9px 13px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28);
  margin-bottom: 18px;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-force-password-change"]) .hero-copy h1 {
  margin: 0 0 14px;
}

:where(html[data-chekku-page="config-force-password-change"]) .hero-copy p {
  margin: 0;
}

:where(html[data-chekku-page="config-force-password-change"]) .hero-points {
  display: grid;
  gap: 12px;
  margin-top: 26px;
  max-width: 500px;
}

:where(html[data-chekku-page="config-force-password-change"]) .hero-point {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 15px 16px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-force-password-change"]) .hero-point-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  box-shadow: none;
  font-size: 1.16rem;
}

:where(html[data-chekku-page="config-force-password-change"]) .hero-point-text strong {
  display: block;
  font-size: .96rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  margin-bottom: 3px;
}

:where(html[data-chekku-page="config-force-password-change"]) .hero-point-text span {
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.45;
  font-weight: 600;
}

:where(html[data-chekku-page="config-force-password-change"]) .reset-panel {
  padding: 34px 30px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 620px;
}

:where(html[data-chekku-page="config-force-password-change"]) .card-top {
  margin-bottom: 22px;
}

:where(html[data-chekku-page="config-force-password-change"]) .card-top h2 {
  margin: 0 0 8px;
}

:where(html[data-chekku-page="config-force-password-change"]) .card-top p {
  margin: 0;
}

:where(html[data-chekku-page="config-force-password-change"]) .user-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding: 10px 14px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  color: var(--color-blue-deep);
  font-size: .88rem;
  font-weight: 600;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}

:where(html[data-chekku-page="config-force-password-change"]) .error-box {
  margin-bottom: 18px;
  font-weight: 600;
  font-size: .92rem;
  line-height: 1.45;
}

:where(html[data-chekku-page="config-force-password-change"]) form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

:where(html[data-chekku-page="config-force-password-change"]) .field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

:where(html[data-chekku-page="config-force-password-change"]) .field label {
  font-size: .84rem;
  font-weight: 600;
  color: var(--color-blue-deep);
  text-transform: uppercase;
  letter-spacing: .04em;
}

:where(html[data-chekku-page="config-force-password-change"]) .input-wrap {
  position: relative;
}

:where(html[data-chekku-page="config-force-password-change"]) .input-wrap input {
  width: 100%;
  height: 56px;
  border-radius: var(--radius-control);
  border: 1px solid rgba(53,92,125,.14);
  background: var(--color-surface);
  padding: 0 56px 0 16px;
  font: inherit;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text);
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-force-password-change"]) .input-wrap input::placeholder {
  color: var(--ck-legacy-accent,#7A8DA5);
  font-weight: 600;
}

:where(html[data-chekku-page="config-force-password-change"]) .input-wrap input:focus {
  border-color: rgba(53,92,125,.34);
  box-shadow: none;
  background: var(--color-surface);
  transform: translateY(-1px);
}

:where(html[data-chekku-page="config-force-password-change"]) .toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border: none;
  border: 1px solid rgba(53,92,125,.12);
  cursor: pointer;
  font-size: 1rem;
  display: grid;
  place-items: center;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
  box-shadow: none;
}

:where(html[data-chekku-page="config-force-password-change"]) .toggle-password:hover {
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="config-force-password-change"]) .hint {
  font-size: .82rem;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.45;
  padding-left: 2px;
}

:where(html[data-chekku-page="config-force-password-change"]) .password-strength {
  margin-top: 4px;
  padding: 15px 16px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-force-password-change"]) .strength-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="config-force-password-change"]) .strength-title {
  font-size: .88rem;
  font-weight: 600;
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="config-force-password-change"]) .strength-label {
  font-size: .82rem;
  font-weight: 600;
  color: var(--muted);
}

:where(html[data-chekku-page="config-force-password-change"]) .strength-bar {
  width: 100%;
  height: 10px;
  border-radius: var(--radius-card);
  background: rgba(53,92,125,.12);
  overflow: hidden;
  position: relative;
}

:where(html[data-chekku-page="config-force-password-change"]) .strength-fill {
  height: 100%;
  width: 0%;
  border-radius: var(--radius-card);
  transition: width .25s ease, background .25s ease;
  background: var(--weak);
}

:where(html[data-chekku-page="config-force-password-change"]) .password-rules {
  margin: 12px 0 0;
  padding-left: 18px;
  color: var(--muted);
}

:where(html[data-chekku-page="config-force-password-change"]) .password-rules li {
  margin: 5px 0;
  font-size: .84rem;
  line-height: 1.45;
  font-weight: 600;
}

:where(html[data-chekku-page="config-force-password-change"]) .btn {
  margin-top: 8px;
  height: 58px;
  border: none;
  border-radius: var(--radius-control);
  font: inherit;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

:where(html[data-chekku-page="config-force-password-change"]) .btn:hover {
  transform: none;
  box-shadow: none;
  filter: brightness(1.03);
}

:where(html[data-chekku-page="config-force-password-change"]) .btn:active {
  transform: translateY(0);
}

:where(html[data-chekku-page="config-force-password-change"]) .footer-note {
  margin-top: 16px;
  text-align: center;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.5;
}

@keyframes ck-config-force-password-change-floatOrb {
0%,100% {
  transform: translateY(0) translateX(0);
}

50% {
  transform: translateY(14px) translateX(10px);
}
}

@media (max-width: 980px) {
:where(html[data-chekku-page="config-force-password-change"]) body {
  overflow: auto;
}

:where(html[data-chekku-page="config-force-password-change"]) .auth-shell {
  width: min(620px, 100%);
  grid-template-columns: 1fr;
  gap: 22px;
}

:where(html[data-chekku-page="config-force-password-change"]) .hero-panel,
:where(html[data-chekku-page="config-force-password-change"]) .reset-panel {
  min-height: auto;
}

:where(html[data-chekku-page="config-force-password-change"]) .hero-panel {
  padding: 28px 22px;
}

:where(html[data-chekku-page="config-force-password-change"]) .reset-panel {
  padding: 28px 22px;
}
}

@media (max-width: 640px) {
:where(html[data-chekku-page="config-force-password-change"]) body {
  padding: 14px;
}

:where(html[data-chekku-page="config-force-password-change"]) .hero-panel,
:where(html[data-chekku-page="config-force-password-change"]) .reset-panel {
  padding: 22px 18px;
}

:where(html[data-chekku-page="config-force-password-change"]) .brand-logo {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="config-force-password-change"]) .input-wrap input,
:where(html[data-chekku-page="config-force-password-change"]) .btn {
  height: 54px;
  border-radius: var(--radius-control);
}

:where(html[data-chekku-page="config-force-password-change"]) .strength-top {
  align-items: flex-start;
  flex-direction: column;
  gap: 4px;
}
}

/* MODULE: config/grades_pack_sizes.php */

:root:where(html[data-chekku-page="config-grades-pack-sizes"]) {
  --chekku-green: #1F8F5F;
  --muted-2: #60748F;
  --glass: rgba(255,255,255,.64);
  --glass-border: rgba(255,255,255,.46);
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) * {
  box-sizing: border-box;
  min-width: 0;
}

html:where(html[data-chekku-page="config-grades-pack-sizes"]),
:where(html[data-chekku-page="config-grades-pack-sizes"]) body {
  min-height: 100%;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) body {
  margin: 0;
  font-family: var(--font-ui);
  color: var(--ink);
  background: var(--ck-solid-ink,var(--color-ink));
  overflow-x: hidden;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  transform: translateZ(0);
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 22px 0 28px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .top-control-section {
  position: relative;
  margin-bottom: 18px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .topbar-main-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .brand-cluster {
  display: flex;
  align-items: center;
  min-width: 0;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .brand-orb {
  flex: 0 0 132px;
  display: grid;
  place-items: center;
  overflow: visible;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .brand-orb img {
  width: 132px;
  height: 132px;
  object-fit: contain;
  filter: none;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .app-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  text-transform: uppercase;
  text-shadow: none;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .top-control-section h1 {
  margin: 8px 0 0;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-left: auto;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: var(--radius-control);
  color: var(--color-blue-deep);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  font-size: .86rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .action-chip,
:where(html[data-chekku-page="config-grades-pack-sizes"]) .back-btn {
  color: var(--color-ink);
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3);
  box-shadow: none;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .topbar-reference-line {
  width: 100%;
  margin-top: 18px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .settings-workspace {
  display: grid;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr);
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .settings-side-stack {
  display: grid;
  gap: 12px;
  align-content: start;
  position: sticky;
  top: 18px;
  z-index: 20;
  max-height: calc(100vh - 32px);
  overflow: auto;
  padding-right: 2px;
  scrollbar-width: none;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .settings-side-stack::-webkit-scrollbar {
  display: none;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-intro-card,
:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-mini-card {
  position: relative;
  overflow: hidden;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-intro-card {
  min-height: 245px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-intro-card h2,
:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-mini-card h3 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-intro-card p {
  margin: 9px 0 0;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-stat-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin-top: 20px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-stat-box {
  min-width: 0;
  padding: 12px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-stat-box strong {
  display: block;
  color: var(--ink);
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-stat-box small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-chip-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 40px;
  padding: 9px 11px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.22;
  box-shadow: none;
  text-decoration: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-chip span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-chip strong {
  color: var(--ink);
  font-weight: 600;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-chip.active {
  color: var(--color-ink);
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.35);
  box-shadow: none;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-chip.active strong {
  color: var(--color-ink);
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .main-stack {
  min-width: 0;
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .panel {
  overflow: hidden;
  position: relative;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .panel-title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: -.02em;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .panel-note {
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .86rem;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.4);
  box-shadow: none;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .summary-strip {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .summary-card {
  padding: 15px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .summary-label {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .summary-value {
  margin-top: 6px;
  font-size: 1.65rem;
  line-height: 1;
  font-weight: 600;
  color: var(--chekku-primary-700);
  letter-spacing: -.035em;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .cards {
  display: grid;
  grid-template-columns: repeat(2,minmax(260px,1fr));
  gap: 16px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-decoration: none;
  padding: 18px;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  min-height: 230px;
  overflow: hidden;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .card:hover {
  transform: none;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .card::after {
  content: none !important;
  position: absolute;
  right: -38px;
  top: -38px;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: var(--radius-card);
  box-shadow: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.44);
  background: rgba(var(--ck-legacy-blue-soft-rgb,238,246,255),0.78);
  color: var(--chekku-primary-700);
  flex: 0 0 58px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .icon .material-symbols-rounded {
  font-size: 31px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .tone-green .icon {
  background: rgba(var(--ck-legacy-success-soft-rgb,238,249,239),0.8);
  color: var(--ck-legacy-success,#1f7a38);
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .tone-purple .icon {
  background: rgba(var(--ck-legacy-blue-soft-rgb,238,246,255),0.84);
  color: var(--chekku-primary-700);
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .tone-orange .icon {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,243,232),0.86);
  color: var(--ck-legacy-warning,#c96c00);
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .tone-blue .icon {
  background: rgba(var(--ck-legacy-blue-soft-rgb,232,244,255),0.86);
  color: var(--ck-legacy-accent,#2463b4);
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .badge {
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  border-radius: var(--radius-card);
  padding: .38rem .72rem;
  font-weight: 600;
  font-size: .82rem;
  box-shadow: none;
  white-space: nowrap;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .title {
  font-weight: 600;
  color: var(--chekku-primary-700);
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.25;
  letter-spacing: -.02em;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .desc {
  color: var(--muted);
  font-size: .94rem;
  line-height: 1.45;
  font-weight: 600;
  margin: 0;
  flex-grow: 1;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .card-list {
  display: grid;
  gap: 8px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .card-list span {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  font-size: .9rem;
  font-weight: 600;
  color: var(--color-blue-deep);
  box-shadow: none;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .cta {
  display: inline-flex;
  width: max-content;
  align-items: center;
  gap: 8px;
  padding: 11px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-ink);
  font-weight: 600;
  font-size: .93rem;
  box-shadow: none;
  position: relative;
  z-index: 1;
  margin-top: auto;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="config-grades-pack-sizes"]) .settings-workspace {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .settings-side-stack {
  position: relative;
  top: auto;
  max-height: none;
  overflow: visible;
  grid-template-columns: repeat(2,minmax(0,1fr));
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .side-intro-card {
  min-height: 220px;
}
}

@media (max-width:900px) {
:where(html[data-chekku-page="config-grades-pack-sizes"]) .summary-strip {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .cards {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .brand-orb {
  flex-basis: 96px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .brand-orb img {
  width: 96px;
  height: 96px;
}
}

@media (max-width:720px) {
:where(html[data-chekku-page="config-grades-pack-sizes"]) .page-shell {
  padding-top: 12px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .topbar-main-row {
  align-items: flex-start;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .brand-cluster {
  align-items: center;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .brand-orb {
  flex-basis: 78px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .brand-orb img {
  width: 78px;
  height: 78px;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .topbar-actions {
  justify-content: flex-start;
  width: 100%;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .chip {
  white-space: normal;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .settings-side-stack {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-grades-pack-sizes"]) .summary-strip {
  grid-template-columns: 1fr;
}
}

/* MODULE: config/manage_list.php */

:root:where(html[data-chekku-page="config-manage-list"]) {
  --glass: rgba(255,255,255,.68);
  --glass-border: 1px solid rgba(255,255,255,.42);
  --border-soft: rgba(39,58,77,.08);
  --ring: rgba(53,92,125,.24);
  --ok: #157A52;
  --ok-bg: rgba(234,249,241,.88);
  --ok-br: rgba(31,143,95,.20);
  --warn: #C65A00;
  --warn-bg: rgba(255,243,224,.88);
  --warn-br: rgba(239,108,0,.22);
  --err: #B42318;
  --err-bg: rgba(255,240,242,.88);
  --err-br: rgba(180,35,24,.20);
  --danger: #C62828;
  --danger-bg: rgba(255,243,243,.90);
  --chip: rgba(255,255,255,.58);
}

:where(html[data-chekku-page="config-manage-list"]) * {
  box-sizing: border-box;
  min-width: 0;
}

html:where(html[data-chekku-page="config-manage-list"]),
:where(html[data-chekku-page="config-manage-list"]) body {
  min-height: 100%;
}

:where(html[data-chekku-page="config-manage-list"]) body {
  margin: 0;
  font-family: var(--font-ui);
  color: var(--ink);
  background: var(--ck-solid-ink,var(--color-ink));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow-x: hidden;
}

:where(html[data-chekku-page="config-manage-list"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="config-manage-list"]) body::before,
:where(html[data-chekku-page="config-manage-list"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 22px 0 26px;
}

:where(html[data-chekku-page="config-manage-list"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 26px;
  margin: 0 0 18px;
  isolation: isolate;
}

:where(html[data-chekku-page="config-manage-list"]) .hero::before {
  content: none !important;
  position: absolute;
  right: -70px;
  bottom: -90px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="config-manage-list"]) .hero::after {
  content: none !important;
  position: absolute;
  left: -90px;
  top: -110px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="config-manage-list"]) .hero-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="config-manage-list"]) .hero-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

:where(html[data-chekku-page="config-manage-list"]) .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.4);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .02em;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-list"]) .hero-eyebrow .material-symbols-rounded {
  color: var(--ck-legacy-warning,#8A5200);
}

:where(html[data-chekku-page="config-manage-list"]) .hero h1 {
  margin: 0;
}

:where(html[data-chekku-page="config-manage-list"]) .hero p {
  margin: 0;
  max-width: 820px;
}

:where(html[data-chekku-page="config-manage-list"]) .top-btn {
  text-decoration: none;
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  padding: 10px 14px;
  border-radius: var(--radius-control);
  box-shadow: none;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  align-self: start;
}

:where(html[data-chekku-page="config-manage-list"]) .top-btn:hover {
  transform: none;
  box-shadow: none;
  filter: brightness(1.03);
}

:where(html[data-chekku-page="config-manage-list"]) .toolbar {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 14px 0 0;
}

:where(html[data-chekku-page="config-manage-list"]) .toolbar-left,
:where(html[data-chekku-page="config-manage-list"]) .toolbar-right {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-manage-list"]) .search {
  display: flex;
  align-items: center;
  gap: .55rem;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.44);
  border-radius: var(--radius-card);
  padding: .65rem .85rem;
  min-width: 280px;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-list"]) .search .material-symbols-rounded {
  color: var(--chekku-primary-700);
}

:where(html[data-chekku-page="config-manage-list"]) .search input {
  border: none;
  outline: none;
  width: 100%;
  font-weight: 600;
  font-size: .95rem;
  background: transparent;
  color: var(--ink);
}

:where(html[data-chekku-page="config-manage-list"]) .search input::placeholder {
  color: var(--ck-legacy-accent,#7A8DA5);
  font-weight: 600;
}

:where(html[data-chekku-page="config-manage-list"]) .count-badge,
:where(html[data-chekku-page="config-manage-list"]) .dup-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  padding: .5rem .78rem;
  border-radius: var(--radius-card);
  font-weight: 600;
  color: var(--color-blue-deep);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-list"]) .dup-badge {
  color: var(--ck-legacy-warning,#9C2B00);
  border-color: rgba(239,108,0,.22);
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,247,239),0.82);
}

:where(html[data-chekku-page="config-manage-list"]) .flash {
  margin: 0 0 16px;
  padding: 13px 15px;
  border-radius: var(--radius-card);
  font-weight: 600;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-list"]) .flash.ok {
  background: var(--ok-bg);
  color: var(--ok);
  border: 1px solid var(--ok-br);
}

:where(html[data-chekku-page="config-manage-list"]) .flash.warn {
  background: var(--warn-bg);
  color: var(--warn);
  border: 1px solid var(--warn-br);
}

:where(html[data-chekku-page="config-manage-list"]) .flash.error {
  background: var(--err-bg);
  color: var(--err);
  border: 1px solid var(--err-br);
}

:where(html[data-chekku-page="config-manage-list"]) .panel {
  overflow: hidden;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="config-manage-list"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-manage-list"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where(html[data-chekku-page="config-manage-list"]) .panel-title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

:where(html[data-chekku-page="config-manage-list"]) .panel-title .material-symbols-rounded {
  color: var(--ck-legacy-warning,#8A5200);
}

:where(html[data-chekku-page="config-manage-list"]) .tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.38);
  color: var(--color-blue-deep);
  font-size: .84rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-list"]) .add-form {
  display: grid;
  gap: 14px;
}

:where(html[data-chekku-page="config-manage-list"]) .add-row {
  display: flex;
  gap: .7rem;
  align-items: flex-end;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-manage-list"]) .form-item {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  flex: 1 1 320px;
}

:where(html[data-chekku-page="config-manage-list"]) .form-item label {
  font-weight: 600;
  color: var(--color-blue-deep);
  text-transform: uppercase;
  letter-spacing: .035em;
  font-size: .84rem;
}

:where(html[data-chekku-page="config-manage-list"]) .control {
  width: 100%;
  min-height: 52px;
  padding: .82rem .95rem;
  border: 1px solid rgba(53,92,125,.14);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--ink);
  font-weight: 600;
  font-size: 1rem;
  outline: none;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease, transform .16s ease;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-list"]) .control:focus {
  border-color: rgba(53,92,125,.34);
  box-shadow: none;
  background: var(--color-surface);
  transform: translateY(-1px);
}

:where(html[data-chekku-page="config-manage-list"]) .duplicate-input {
  border-color: rgba(239,108,0,.38) !important;
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,249,244),0.92) !important;
}

:where(html[data-chekku-page="config-manage-list"]) .btn {
  padding: .8rem 1.1rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

:where(html[data-chekku-page="config-manage-list"]) .btn:hover {
  transform: none;
}

:where(html[data-chekku-page="config-manage-list"]) .btn-primary {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-list"]) .btn-primary:hover {
  box-shadow: none;
  filter: brightness(1.03);
}

:where(html[data-chekku-page="config-manage-list"]) .btn-danger {
  background: var(--color-surface);
  color: #fff;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-list"]) .btn-danger:hover {
  box-shadow: none;
  filter: brightness(1.03);
}

:where(html[data-chekku-page="config-manage-list"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  border-color: rgba(53,92,125,.12);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-list"]) .btn-sm {
  padding: .55rem .8rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  font-size: .92rem;
}

:where(html[data-chekku-page="config-manage-list"]) .item-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="config-manage-list"]) .item-card {
  appearance: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 18px;
  min-height: 154px;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

:where(html[data-chekku-page="config-manage-list"]) .item-card:hover {
  transform: none;
}

:where(html[data-chekku-page="config-manage-list"]) .item-card::after {
  content: none !important;
  position: absolute;
  right: -44px;
  bottom: -52px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="config-manage-list"]) .item-card-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}

:where(html[data-chekku-page="config-manage-list"]) .item-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

:where(html[data-chekku-page="config-manage-list"]) .item-icon {
  width: 50px;
  height: 50px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.82);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.48);
  box-shadow: none;
  color: var(--chekku-primary-700);
}

:where(html[data-chekku-page="config-manage-list"]) .item-icon .material-symbols-rounded {
  font-size: 29px;
}

:where(html[data-chekku-page="config-manage-list"]) .item-id {
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="config-manage-list"]) .item-title {
  margin: 0;
  color: var(--chekku-primary-700);
  font-weight: 600;
  font-size: 1.08rem;
  line-height: 1.25;
  letter-spacing: -.02em;
}

:where(html[data-chekku-page="config-manage-list"]) .item-sub {
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
}

:where(html[data-chekku-page="config-manage-list"]) .duplicate-pill {
  width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,247,239),0.88);
  border: 1px solid rgba(239,108,0,.18);
  color: var(--ck-legacy-warning,#9C2B00);
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="config-manage-list"]) .empty-state {
  text-align: center;
  color: var(--muted);
  font-weight: 600;
  padding: 24px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
}

:where(html[data-chekku-page="config-manage-list"]) .modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

:where(html[data-chekku-page="config-manage-list"]) .modal-backdrop.show {
  display: flex;
}

:where(html[data-chekku-page="config-manage-list"]) .modal-card {
  width: min(660px, 100%);
  max-height: min(88vh, 760px);
  overflow: auto;
  position: relative;
  padding: 20px;
}

:where(html[data-chekku-page="config-manage-list"]) .modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="config-manage-list"]) .modal-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

:where(html[data-chekku-page="config-manage-list"]) .modal-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
}

:where(html[data-chekku-page="config-manage-list"]) .modal-title {
  margin: 0;
  letter-spacing: -.03em;
}

:where(html[data-chekku-page="config-manage-list"]) .modal-close {
  appearance: none;
  border: none;
  cursor: pointer;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.44);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-list"]) .modal-section {
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  padding: 16px;
  box-shadow: none;
  margin-top: 12px;
}

:where(html[data-chekku-page="config-manage-list"]) .modal-section-title {
  margin: 0 0 10px;
  color: var(--chekku-primary-700);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

:where(html[data-chekku-page="config-manage-list"]) .modal-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 12px;
}

:where(html[data-chekku-page="config-manage-list"]) .danger-zone {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,244,244),0.72);
  border-color: rgba(180,35,24,.18);
}

:where(html[data-chekku-page="config-manage-list"]) .modal-backdrop[aria-hidden="true"] {
  display: none;
}

@media (max-width:960px) {
:where(html[data-chekku-page="config-manage-list"]) .item-grid {
  grid-template-columns: repeat(2, minmax(220px, 1fr));
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="config-manage-list"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="config-manage-list"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="config-manage-list"]) .hero-top {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-manage-list"]) .toolbar,
:where(html[data-chekku-page="config-manage-list"]) .toolbar-left,
:where(html[data-chekku-page="config-manage-list"]) .toolbar-right,
:where(html[data-chekku-page="config-manage-list"]) .panel-head {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="config-manage-list"]) .search {
  min-width: 100%;
  width: 100%;
}

:where(html[data-chekku-page="config-manage-list"]) .add-row {
  flex-direction: column;
  align-items: stretch;
}

:where(html[data-chekku-page="config-manage-list"]) .actions,
:where(html[data-chekku-page="config-manage-list"]) .actions form,
:where(html[data-chekku-page="config-manage-list"]) .actions .btn,
:where(html[data-chekku-page="config-manage-list"]) .top-btn,
:where(html[data-chekku-page="config-manage-list"]) .modal-actions,
:where(html[data-chekku-page="config-manage-list"]) .modal-actions .btn,
:where(html[data-chekku-page="config-manage-list"]) .modal-actions form {
  width: 100%;
}

:where(html[data-chekku-page="config-manage-list"]) .item-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-manage-list"]) .modal-card {
  padding: 16px;
}
}

:where(html[data-chekku-page="config-manage-list"]) .page-shell {
  padding-top: 22px !important;
}

:where(html[data-chekku-page="config-manage-list"]) .top-control-section {
  position: relative !important;
  margin-bottom: 18px !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="config-manage-list"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="config-manage-list"]) .brand-orb {
  flex: 0 0 126px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="config-manage-list"]) .brand-orb img {
  width: 126px !important;
  height: 126px !important;
  object-fit: contain !important;
  filter: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .app-topbar h1 {
  margin: 8px 0 0 !important;
}

:where(html[data-chekku-page="config-manage-list"]) .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="config-manage-list"]) .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="config-manage-list"]) .back-btn {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .warn-chip {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

:where(html[data-chekku-page="config-manage-list"]) .master-data-workspace {
  display: grid !important;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="config-manage-list"]) .master-side-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 18px !important;
  z-index: 20 !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding-right: 2px !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .master-side-stack::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .master-main-stack {
  min-width: 0 !important;
  display: block !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-intro-card,
:where(html[data-chekku-page="config-manage-list"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-intro-card {
  min-height: 230px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-intro-card h2,
:where(html[data-chekku-page="config-manage-list"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.28rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-chip.is-warning {
  color: var(--ck-legacy-warning,#9C2B00) !important;
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,247,239),0.82) !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-chip .material-symbols-rounded {
  font-size: 18px !important;
}

:where(html[data-chekku-page="config-manage-list"]) .rail-search {
  display: flex !important;
  align-items: center !important;
  gap: .55rem !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.54) !important;
  border-radius: var(--radius-card) !important;
  padding: .75rem .9rem !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .rail-search .material-symbols-rounded {
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="config-manage-list"]) .rail-search input {
  width: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--color-ink) !important;
  font-weight: 600 !important;
  font-size: .94rem !important;
}

:where(html[data-chekku-page="config-manage-list"]) .panel {
  margin-top: 0 !important;
}

:where(html[data-chekku-page="config-manage-list"]) .panel-title,
:where(html[data-chekku-page="config-manage-list"]) .item-title,
:where(html[data-chekku-page="config-manage-list"]) .modal-title,
:where(html[data-chekku-page="config-manage-list"]) .modal-section-title {
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="config-manage-list"]) .btn-primary {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .btn-ghost {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.26) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .item-grid {
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
}

:where(html[data-chekku-page="config-manage-list"]) .item-card {
  min-height: 132px !important;
  padding: 16px !important;
}

:where(html[data-chekku-page="config-manage-list"]) .item-sub {
  display: none !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="config-manage-list"]) .master-data-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-list"]) .master-side-stack {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  max-height: none !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-intro-card {
  min-height: 210px !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="config-manage-list"]) .page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="config-manage-list"]) .brand-orb {
  flex-basis: 82px !important;
}

:where(html[data-chekku-page="config-manage-list"]) .brand-orb img {
  width: 82px !important;
  height: 82px !important;
}

:where(html[data-chekku-page="config-manage-list"]) .topbar-actions {
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="config-manage-list"]) .chip {
  white-space: normal !important;
}

:where(html[data-chekku-page="config-manage-list"]) .master-side-stack {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-list"]) .side-stat-grid {
  grid-template-columns: 1fr 1fr !important;
}
}

/* MODULE: config/manage_sizes.php */

:root:where(html[data-chekku-page="config-manage-sizes"]) {
  --glass: rgba(255,255,255,.58);
  --glass-border: 1px solid rgba(255,255,255,.38);
  --border-soft: rgba(39,58,77,.08);
  --ring: rgba(53,92,125,.22);
  --ok: #1F8F5F;
  --ok-bg: rgba(234,249,241,.88);
  --ok-br: rgba(31,143,95,.18);
  --warn: var(--color-coral);
  --warn-bg: rgba(255,243,224,.88);
  --warn-br: rgba(239,108,0,.20);
  --err: #B71C1C;
  --err-bg: rgba(255,235,238,.88);
  --err-br: rgba(183,28,28,.18);
  --danger: #C62828;
  --chip: rgba(255,255,255,.54);
}

:where(html[data-chekku-page="config-manage-sizes"]) * {
  box-sizing: border-box;
  min-width: 0;
}

html:where(html[data-chekku-page="config-manage-sizes"]),
:where(html[data-chekku-page="config-manage-sizes"]) body {
  min-height: 100%;
}

:where(html[data-chekku-page="config-manage-sizes"]) body {
  margin: 0;
  font-family: var(--font-ui);
  color: var(--ink);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  position: relative;
  overflow-x: hidden;
}

:where(html[data-chekku-page="config-manage-sizes"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="config-manage-sizes"]) body::before,
:where(html[data-chekku-page="config-manage-sizes"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 22px 0 26px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 26px;
  margin: 0 0 18px;
  isolation: isolate;
}

:where(html[data-chekku-page="config-manage-sizes"]) .hero::before {
  content: none !important;
  position: absolute;
  right: -84px;
  top: -84px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="config-manage-sizes"]) .hero::after {
  content: none !important;
  position: absolute;
  left: -110px;
  bottom: -125px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="config-manage-sizes"]) .hero-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .hero-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}

:where(html[data-chekku-page="config-manage-sizes"]) .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.3);
  color: var(--color-blue-soft);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .02em;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .hero h1 {
  margin: 0;
}

:where(html[data-chekku-page="config-manage-sizes"]) .hero p {
  margin: 0;
  max-width: 860px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .top-btn {
  text-decoration: none;
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.16);
  padding: 11px 15px;
  border-radius: var(--radius-control);
  box-shadow: none;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  align-self: start;
}

:where(html[data-chekku-page="config-manage-sizes"]) .top-btn:hover {
  transform: none;
  box-shadow: none;
  filter: brightness(1.03);
}

:where(html[data-chekku-page="config-manage-sizes"]) .summary-grid {
  display: grid;
  grid-template-columns: 1.2fr repeat(3, minmax(0, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .summary-card {
  padding: 18px;
  min-height: 118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="config-manage-sizes"]) .summary-label {
  color: var(--muted);
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
}

:where(html[data-chekku-page="config-manage-sizes"]) .summary-value {
  margin-top: 6px;
  font-size: 2.05rem;
  line-height: 1;
  font-weight: 600;
  color: var(--chekku-primary-700);
  letter-spacing: -.04em;
}

:where(html[data-chekku-page="config-manage-sizes"]) .summary-sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="config-manage-sizes"]) .mini-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .mini-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.44);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .86rem;
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .toolbar {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 16px 0;
}

:where(html[data-chekku-page="config-manage-sizes"]) .search {
  display: flex;
  align-items: center;
  gap: .55rem;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  border-radius: var(--radius-card);
  padding: .65rem .85rem;
  min-width: 280px;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="config-manage-sizes"]) .search input {
  border: none;
  outline: none;
  width: 100%;
  font-weight: 600;
  font-size: .95rem;
  background: transparent;
  color: var(--ink);
}

:where(html[data-chekku-page="config-manage-sizes"]) .search input::placeholder {
  color: var(--ck-legacy-muted,#6E7F94);
}

:where(html[data-chekku-page="config-manage-sizes"]) .toolbar-stats {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-manage-sizes"]) .toolbar-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  padding: .5rem .78rem;
  border-radius: var(--radius-card);
  font-weight: 600;
  color: var(--color-blue-deep);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .flash {
  margin: 0 0 16px;
  padding: 13px 15px;
  border-radius: var(--radius-card);
  font-weight: 600;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .flash.ok {
  background: var(--ok-bg);
  color: var(--ok);
  border: 1px solid var(--ok-br);
}

:where(html[data-chekku-page="config-manage-sizes"]) .flash.warn {
  background: var(--warn-bg);
  color: var(--warn);
  border: 1px solid var(--warn-br);
}

:where(html[data-chekku-page="config-manage-sizes"]) .flash.error {
  background: var(--err-bg);
  color: var(--err);
  border: 1px solid var(--err-br);
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-grid {
  display: grid;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card.hidden {
  display: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card::before {
  right: -80px;
  bottom: -96px;
  width: 220px;
  height: 220px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-title {
  margin: 0;
  font-size: 1.12rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: -.01em;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-title .material-symbols-rounded {
  color: var(--chekku-primary);
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-sub {
  color: var(--muted);
  font-weight: 600;
  font-size: .93rem;
}

:where(html[data-chekku-page="config-manage-sizes"]) .tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  color: var(--color-blue-deep);
  font-size: .84rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .add-panel {
  padding: 18px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .add-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .add-panel-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  line-height: 1.2;
}

:where(html[data-chekku-page="config-manage-sizes"]) .add-panel-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-form-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: end;
}

:where(html[data-chekku-page="config-manage-sizes"]) .form-item {
  display: flex;
  flex-direction: column;
  gap: .45rem;
}

:where(html[data-chekku-page="config-manage-sizes"]) .form-item label {
  font-weight: 600;
  color: var(--color-blue-deep);
  text-transform: uppercase;
  font-size: .78rem;
  letter-spacing: .04em;
}

:where(html[data-chekku-page="config-manage-sizes"]) .form-action {
  display: flex;
  align-items: end;
}

:where(html[data-chekku-page="config-manage-sizes"]) .control {
  width: 100%;
  min-height: 48px;
  padding: .75rem .9rem;
  border: 1px solid rgba(53,92,125,.14);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--ink);
  font-weight: 600;
  font-size: 1rem;
  outline: none;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease, transform .16s ease;
  box-sizing: border-box;
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .control:focus {
  border-color: rgba(53,92,125,.34);
  box-shadow: none;
  background: var(--color-surface);
  transform: translateY(-1px);
}

:where(html[data-chekku-page="config-manage-sizes"]) .control.inline-edit {
  min-height: 42px;
  padding: .62rem .8rem;
  font-size: .95rem;
}

:where(html[data-chekku-page="config-manage-sizes"]) .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .75rem 1rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, background .16s ease;
  text-decoration: none;
  white-space: nowrap;
}

:where(html[data-chekku-page="config-manage-sizes"]) .btn:hover {
  transform: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .btn-primary {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.12);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .btn-primary:hover {
  box-shadow: none;
  filter: brightness(1.03);
}

:where(html[data-chekku-page="config-manage-sizes"]) .btn-danger {
  background: var(--color-surface);
  color: #fff;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.12);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--color-blue-deep);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .btn-sm {
  padding: .55rem .8rem;
  border-radius: var(--radius-control);
  font-size: .9rem;
}

:where(html[data-chekku-page="config-manage-sizes"]) .btn-add-size {
  min-height: 48px;
  justify-content: center;
  white-space: nowrap;
}

:where(html[data-chekku-page="config-manage-sizes"]) .table-wrap {
  overflow: auto;
  border-radius: var(--radius-card);
  box-shadow: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  background: var(--color-surface);
}

:where(html[data-chekku-page="config-manage-sizes"]) table.size-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--color-surface);
  border: none;
  border-radius: var(--radius-card);
  overflow: hidden;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-table th,
:where(html[data-chekku-page="config-manage-sizes"]) .size-table td {
  padding: 12px 12px;
  font-size: .96rem;
  border-bottom: 1px solid rgba(39,58,77,.07);
  vertical-align: middle;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-table thead th {
  position: sticky;
  top: 0;
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  font-weight: 600;
  z-index: 1;
  text-align: left;
  letter-spacing: .01em;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-table tbody tr:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.42);
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-table tbody tr:last-child td {
  border-bottom: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-value {
  font-weight: 600;
  color: var(--chekku-primary-900);
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-edit-form {
  display: flex;
  gap: .55rem;
  align-items: center;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-actions {
  display: flex;
  gap: .5rem;
  align-items: center;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-manage-sizes"]) .empty-row {
  text-align: center;
  color: var(--muted);
  font-weight: 600;
  padding: 16px 12px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-list-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-item-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 16px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-item-card::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 3px;
  border-radius: var(--radius-card) var(--radius-card) 0 0;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-item-card > * {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-item-head {
  display: flex;
  align-items: center;
  gap: 12px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-item-icon {
  width: 46px;
  height: 46px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  color: var(--chekku-primary-700);
  background: rgba(var(--ck-legacy-blue-soft-rgb,232,244,255),0.8);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.48);
  box-shadow: none;
  flex: 0 0 46px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-item-label {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .055em;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-item-value {
  margin-top: 2px;
  color: var(--chekku-primary-700);
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.1;
}

:where(html[data-chekku-page="config-manage-sizes"]) .form-item.compact {
  flex: 0 1 auto;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-delete-form {
  margin-top: -4px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-delete-form .btn,
:where(html[data-chekku-page="config-manage-sizes"]) .size-edit-form .btn {
  width: 100%;
}

:where(html[data-chekku-page="config-manage-sizes"]) .empty-card {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 150px;
  padding: 22px;
  text-align: center;
  font-weight: 600;
}

:where(html[data-chekku-page="config-manage-sizes"]) .empty-card .material-symbols-rounded {
  color: var(--chekku-primary-700);
  font-size: 32px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .empty-card strong {
  color: var(--chekku-primary-700);
  font-size: 1.05rem;
  font-weight: 600;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(240px, 1fr));
  gap: 16px;
  align-items: stretch;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card {
  appearance: none;
  text-align: left;
  cursor: pointer;
  position: relative;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  overflow: hidden;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card:hover {
  transform: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card.hidden {
  display: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card::before {
  content: none !important;
  position: absolute;
  right: -58px;
  top: -62px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 3px;
  border-radius: var(--radius-card) var(--radius-card) 0 0;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card > * {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  color: var(--chekku-primary-700);
  background: rgba(var(--ck-legacy-blue-soft-rgb,232,244,255),0.78);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.48);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-icon .material-symbols-rounded {
  font-size: 30px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-count-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.44);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .84rem;
  box-shadow: none;
  white-space: nowrap;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card-title {
  margin: 0;
  color: var(--chekku-primary-700);
  font-weight: 600;
  font-size: 1.12rem;
  letter-spacing: -.02em;
  line-height: 1.22;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card-sub {
  margin: 0;
  color: var(--muted);
  font-weight: 600;
  font-size: .93rem;
  line-height: 1.42;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-preview-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-preview-chip {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  color: var(--color-blue-deep);
  font-size: .84rem;
  font-weight: 600;
}

:where(html[data-chekku-page="config-manage-sizes"]) .open-pack-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 2px;
  width: max-content;
  padding: 10px 13px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-ink);
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1600;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(39,58,77,.56);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-backdrop.show {
  display: flex;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-card {
  width: min(1040px, 100%);
  max-height: min(88vh, 900px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 20px 20px 14px;
  border-bottom: 1px solid rgba(39,58,77,.07);
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-title {
  margin: 0;
  font-size: 1.28rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  letter-spacing: -.02em;
  display: flex;
  align-items: center;
  gap: 10px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-sub {
  color: var(--muted);
  font-size: .94rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="config-manage-sizes"]) .modal-close {
  appearance: none;
  border: none;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  cursor: pointer;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  box-shadow: none;
  transition: transform .16s ease, box-shadow .16s ease;
}

:where(html[data-chekku-page="config-manage-sizes"]) .modal-close:hover {
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-body {
  overflow: auto;
  padding: 18px 20px 20px;
}

:where(html[data-chekku-page="config-manage-sizes"]) body.modal-open {
  overflow: hidden;
}

@media (max-width:1100px) {
:where(html[data-chekku-page="config-manage-sizes"]) .pack-grid {
  grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
}
}

@media (max-width:720px) {
:where(html[data-chekku-page="config-manage-sizes"]) .pack-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-list-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-backdrop {
  padding: 10px;
  align-items: flex-end;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-card {
  max-height: 92vh;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-head {
  padding: 16px 16px 12px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-body {
  padding: 15px;
}
}

@media (max-width:1024px) {
:where(html[data-chekku-page="config-manage-sizes"]) .summary-grid {
  grid-template-columns: 1fr 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="config-manage-sizes"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .summary-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-manage-sizes"]) .hero-top {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-manage-sizes"]) .top-btn {
  width: 100%;
}

:where(html[data-chekku-page="config-manage-sizes"]) .toolbar,
:where(html[data-chekku-page="config-manage-sizes"]) .pack-head,
:where(html[data-chekku-page="config-manage-sizes"]) .add-panel-head {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="config-manage-sizes"]) .search {
  min-width: 100%;
  width: 100%;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-form-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-manage-sizes"]) .form-action {
  width: 100%;
}

:where(html[data-chekku-page="config-manage-sizes"]) .btn-add-size {
  width: 100%;
}

:where(html[data-chekku-page="config-manage-sizes"]) .toolbar-stats {
  width: 100%;
}

:where(html[data-chekku-page="config-manage-sizes"]) .toolbar-badge {
  flex: 1 1 auto;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card {
  padding: 15px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .add-panel {
  padding: 15px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-edit-form {
  flex-direction: column;
  align-items: stretch;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-actions {
  align-items: stretch;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-actions .btn,
:where(html[data-chekku-page="config-manage-sizes"]) .size-actions form {
  width: 100%;
}
}

:where(html[data-chekku-page="config-manage-sizes"]) .panel {
  position: relative;
  overflow: hidden;
  margin: 0 0 18px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .panel::before {
  content: none !important;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="config-manage-sizes"]) .panel > * {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="config-manage-sizes"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-manage-sizes"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where(html[data-chekku-page="config-manage-sizes"]) .panel-title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: -.015em;
}

:where(html[data-chekku-page="config-manage-sizes"]) .panel-title .material-symbols-rounded {
  color: var(--ck-legacy-warning,#8A5200);
}

:where(html[data-chekku-page="config-manage-sizes"]) .toolbar.in-panel {
  margin: 0 0 14px;
  justify-content: flex-start;
}

:where(html[data-chekku-page="config-manage-sizes"]) .compact-stats {
  justify-content: flex-end;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-grid {
  grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card {
  min-height: 154px !important;
  gap: 12px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card:hover {
  transform: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card::before {
  right: -44px !important;
  bottom: -52px !important;
  top: auto !important;
  width: 150px !important;
  height: 150px !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card::after {
  display: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: var(--radius-card) !important;
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.82) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-icon .material-symbols-rounded {
  font-size: 29px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-count-pill,
:where(html[data-chekku-page="config-manage-sizes"]) .size-preview-chip {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card-title {
  font-size: 1.08rem !important;
  line-height: 1.25 !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card-sub {
  font-size: .9rem !important;
  line-height: 1.4 !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .open-pack-pill {
  margin-top: auto !important;
  padding: 10px 13px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-card {
  width: min(760px, 100%) !important;
  padding: 20px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-head {
  padding: 0 0 14px !important;
  margin-bottom: 12px;
  border-bottom: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-body {
  padding: 0 !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-list-grid {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-item-card::after {
  display: none !important;
}

@media (max-width:960px) {
:where(html[data-chekku-page="config-manage-sizes"]) .pack-grid {
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="config-manage-sizes"]) .panel-head,
:where(html[data-chekku-page="config-manage-sizes"]) .compact-stats {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .size-modal-card {
  padding: 16px !important;
}
}

:where(html[data-chekku-page="config-manage-sizes"]) .page-shell {
  padding: 22px 0 28px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .top-control-section {
  position: relative !important;
  margin-bottom: 18px !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .brand-orb {
  flex: 0 0 118px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .brand-orb img {
  width: 118px !important;
  height: 118px !important;
  object-fit: contain !important;
  filter: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: max-content !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .app-kicker .material-symbols-rounded {
  font-size: 20px !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .app-topbar h1 {
  margin: 8px 0 0 !important;
  background: transparent !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .topbar-actions,
:where(html[data-chekku-page="config-manage-sizes"]) .primary-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  margin-left: auto !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .back-btn {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .settings-workspace {
  grid-template-columns: minmax(300px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .settings-side-stack {
  align-content: start !important;
  z-index: 20 !important;
  overflow: auto !important;
  padding-right: 2px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .settings-main-stack {
  display: block !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-intro-card,
:where(html[data-chekku-page="config-manage-sizes"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-intro-card {
  min-height: 248px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-intro-card h2,
:where(html[data-chekku-page="config-manage-sizes"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section {
  margin-top: 0 !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .hero {
  display: none !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="config-manage-sizes"]) .settings-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .settings-side-stack {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  max-height: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-intro-card {
  min-height: 220px !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="config-manage-sizes"]) .page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .brand-orb {
  flex-basis: 82px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .brand-orb img {
  width: 82px !important;
  height: 82px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .settings-side-stack {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .topbar-actions {
  justify-content: flex-start !important;
  width: 100% !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .chip {
  white-space: normal !important;
}
}

:where(html[data-chekku-page="config-manage-sizes"]) .settings-workspace {
  grid-template-columns: minmax(250px, 290px) minmax(0, 1fr) !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-intro-card {
  min-height: 0 !important;
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-stat-grid,
:where(html[data-chekku-page="config-manage-sizes"]) .side-stat-box {
  display: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .main-summary-grid {
  margin: 0 0 16px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .main-summary-card {
  min-height: 128px !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .main-summary-card span {
  color: var(--color-muted) !important;
  font-size: .76rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .main-summary-card strong {
  margin-top: 8px !important;
  color: var(--color-ink) !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: -.05em !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .main-summary-card small {
  margin-top: 8px !important;
  color: var(--color-muted) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 14px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .pack-card {
  min-height: 190px !important;
  padding: 18px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .open-pack-pill {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .toolbar.in-panel {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="config-manage-sizes"]) .settings-side-stack {
  display: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .settings-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .main-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}

@media (max-width:700px) {
:where(html[data-chekku-page="config-manage-sizes"]) .main-summary-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section {
  padding: 15px !important;
}
}

:where(html[data-chekku-page="config-manage-sizes"]) .settings-workspace {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .settings-main-stack {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .settings-side-stack {
  position: sticky !important;
  top: 18px !important;
  display: grid !important;
  gap: 12px !important;
  align-self: start !important;
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
  scrollbar-width: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .settings-side-stack::-webkit-scrollbar {
  display: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .main-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section {
  width: 100% !important;
  margin: 0 !important;
  padding: 20px !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) #packGrid.pack-grid,
:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section .pack-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin-top: 0 !important;
  clear: both !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section .pack-card {
  width: 100% !important;
  min-height: 215px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  text-align: left !important;
  margin: 0 !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section .pack-card-title {
  font-size: 1.12rem !important;
  line-height: 1.16 !important;
  margin: 0 0 5px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section .pack-card-sub {
  margin: 0 !important;
  max-width: 100% !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section .size-preview-row {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section .open-pack-pill {
  margin-top: 14px !important;
  align-self: flex-start !important;
  min-height: 40px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-card) !important;
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-intro-card,
:where(html[data-chekku-page="config-manage-sizes"]) .side-mini-card {
  width: 100% !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .side-chip {
  min-height: 38px !important;
  padding: 9px 10px !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="config-manage-sizes"]) .settings-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .settings-side-stack {
  display: none !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .main-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) #packGrid.pack-grid,
:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section .pack-grid {
  grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="config-manage-sizes"]) .main-summary-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) #packGrid.pack-grid,
:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section .pack-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section {
  padding: 15px !important;
}

:where(html[data-chekku-page="config-manage-sizes"]) .packaging-section .pack-card {
  min-height: 190px !important;
}
}

/* MODULE: config/manage_users.php */

:root:where(html[data-chekku-page="config-manage-users"]) {
  --bg-start: #F0E7FF;
  --bg-mid: #F8F2FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.88);
  --border: rgba(18,16,28,.10);
  --chip: #f7f2ff;
  --inactive-bg: #f7f7fa;
}

:where(html[data-chekku-page="config-manage-users"]) * {
  box-sizing: border-box;
  min-width: 0;
}

html:where(html[data-chekku-page="config-manage-users"]),
:where(html[data-chekku-page="config-manage-users"]) body {
  height: 100%;
}

:where(html[data-chekku-page="config-manage-users"]) body {
  margin: 0;
  min-height: 100svh;
  font-family: var(--font-ui);
  color: var(--text, var(--color-ink));
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  overflow-x: hidden;
  position: relative;
}

:where(html[data-chekku-page="config-manage-users"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="config-manage-users"]) body.modal-open {
  overflow: hidden;
}

:where(html[data-chekku-page="config-manage-users"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 22px 0 26px;
}

:where(html[data-chekku-page="config-manage-users"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 26px;
  margin-bottom: 18px;
  isolation: isolate;
}

:where(html[data-chekku-page="config-manage-users"]) .hero::before {
  content: none !important;
  position: absolute;
  right: -70px;
  bottom: -90px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
}

:where(html[data-chekku-page="config-manage-users"]) .hero-top {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 16px;
  align-items: start;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="config-manage-users"]) .hero-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

:where(html[data-chekku-page="config-manage-users"]) .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .02em;
}

:where(html[data-chekku-page="config-manage-users"]) .hero h1 {
  margin: 0;
}

:where(html[data-chekku-page="config-manage-users"]) .hero p {
  margin: 0;
  max-width: 860px;
}

:where(html[data-chekku-page="config-manage-users"]) .top-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  font-weight: 600;
  color: var(--chekku-700);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.18);
  padding: 10px 14px;
  border-radius: var(--radius-control);
  box-shadow: none;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
  white-space: nowrap;
}

:where(html[data-chekku-page="config-manage-users"]) .top-btn:hover {
  transform: none;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .summary-grid {
  display: grid;
  grid-template-columns: 1.2fr repeat(7, minmax(0, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="config-manage-users"]) .summary-card {
  padding: 18px;
  min-height: 118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="config-manage-users"]) .summary-label {
  font-size: .82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
}

:where(html[data-chekku-page="config-manage-users"]) .summary-value {
  margin-top: 5px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="config-manage-users"]) .summary-sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="config-manage-users"]) .mini-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

:where(html[data-chekku-page="config-manage-users"]) .mini-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-weight: 600;
  font-size: .88rem;
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .sheet {
  padding: 18px;
  margin: 18px 0;
}

:where(html[data-chekku-page="config-manage-users"]) .section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-manage-users"]) .section-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where(html[data-chekku-page="config-manage-users"]) .section-title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

:where(html[data-chekku-page="config-manage-users"]) .tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  background: var(--chip);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  color: var(--color-purple);
  font-size: .84rem;
  font-weight: 600;
}

:where(html[data-chekku-page="config-manage-users"]) .message-banner {
  margin-bottom: 16px;
  padding: 14px 16px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.16);
  font-weight: 600;
}

:where(html[data-chekku-page="config-manage-users"]) .form-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(220px,1fr));
}

:where(html[data-chekku-page="config-manage-users"]) .wide-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(240px,1fr));
  gap: 14px;
}

:where(html[data-chekku-page="config-manage-users"]) .form-group label,
:where(html[data-chekku-page="config-manage-users"]) .field-label {
  display: block;
  font-weight: 600;
  margin-bottom: .4rem;
  font-size: .9rem;
}

:where(html[data-chekku-page="config-manage-users"]) .form-group input[type="text"],
:where(html[data-chekku-page="config-manage-users"]) .form-group input[type="password"],
:where(html[data-chekku-page="config-manage-users"]) .form-group input[type="search"],
:where(html[data-chekku-page="config-manage-users"]) .form-group select,
:where(html[data-chekku-page="config-manage-users"]) .modal-body select {
  width: 100%;
  min-height: 44px;
  padding: .65rem .75rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#1E1B2A);
  font-weight: 600;
  font-size: .95rem;
  outline: none;
  box-sizing: border-box;
  transition: border-color .16s ease, box-shadow .16s ease;
}

:where(html[data-chekku-page="config-manage-users"]) .form-group input[type="text"],
:where(html[data-chekku-page="config-manage-users"]) .form-group input[type="password"],
:where(html[data-chekku-page="config-manage-users"]) .form-group input[type="search"],
:where(html[data-chekku-page="config-manage-users"]) .form-group select {
  min-height: 48px;
  padding: .75rem .85rem;
}

:where(html[data-chekku-page="config-manage-users"]) .form-group input:focus,
:where(html[data-chekku-page="config-manage-users"]) .form-group select:focus,
:where(html[data-chekku-page="config-manage-users"]) .modal-body select:focus {
  border-color: var(--ck-legacy-line,#cbb9f0);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .checkbox-panel {
  display: grid;
  gap: .45rem;
  padding: 12px 14px;
}

:where(html[data-chekku-page="config-manage-users"]) .checkbox-panel label {
  font-weight: 600;
  color: var(--ck-legacy-accent,#3b3153);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

:where(html[data-chekku-page="config-manage-users"]) .row-inline {
  display: flex;
  gap: .5rem;
  align-items: center;
}

:where(html[data-chekku-page="config-manage-users"]) .row-inline input {
  flex: 1;
}

:where(html[data-chekku-page="config-manage-users"]) .form-actions {
  display: flex;
  gap: .7rem;
  flex-wrap: wrap;
  margin-top: 14px;
}

:where(html[data-chekku-page="config-manage-users"]) .btn {
  padding: .75rem 1rem;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, opacity .16s ease;
  background: var(--color-surface);
  text-decoration: none;
  white-space: nowrap;
  font-family: var(--font-ui);
  font-size: .92rem;
}

:where(html[data-chekku-page="config-manage-users"]) .btn:hover {
  transform: none;
}

:where(html[data-chekku-page="config-manage-users"]) .btn-primary {
  border-color: var(--chekku-primary);
}

:where(html[data-chekku-page="config-manage-users"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--color-purple);
  border: 1px solid var(--ck-legacy-line,#e7dff5);
}

:where(html[data-chekku-page="config-manage-users"]) .btn-danger {
  color: #fff;
}

:where(html[data-chekku-page="config-manage-users"]) .btn-ok {
  color: var(--color-ink);
}

:where(html[data-chekku-page="config-manage-users"]) .btn:disabled {
  opacity: .55;
  cursor: not-allowed;
  transform: none;
}

:where(html[data-chekku-page="config-manage-users"]) .toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="config-manage-users"]) .toolbar .search {
  width: 330px;
  max-width: 100%;
  min-height: 46px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.15);
  border-radius: var(--radius-card);
  padding: .7rem .85rem;
  background: var(--color-surface);
  font-weight: 600;
  box-shadow: none;
  outline: none;
}

:where(html[data-chekku-page="config-manage-users"]) .toolbar .search:focus {
  border-color: var(--ck-legacy-line,#cbb9f0);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .users-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="config-manage-users"]) .user-tile {
  padding: 16px;
  display: grid;
  gap: 14px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
}

:where(html[data-chekku-page="config-manage-users"]) .user-tile::before {
  content: none !important;
  position: absolute;
  right: -55px;
  top: -55px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  z-index: -1;
}

:where(html[data-chekku-page="config-manage-users"]) .user-tile:hover {
  transition: transform .16s ease, box-shadow .16s ease;
}

:where(html[data-chekku-page="config-manage-users"]) .user-tile.is-inactive {
  opacity: .86;
}

:where(html[data-chekku-page="config-manage-users"]) .lock-watermark {
  position: absolute;
  right: 12px;
  bottom: 8px;
  width: 104px;
  height: 104px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.1);
  color: rgba(var(--ck-legacy-accent-rgb,74,20,140),0.18);
  transform: rotate(-8deg);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="config-manage-users"]) .lock-watermark .material-symbols-rounded {
  font-size: 76px;
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48;
}

:where(html[data-chekku-page="config-manage-users"]) .tile-top,
:where(html[data-chekku-page="config-manage-users"]) .tile-badges,
:where(html[data-chekku-page="config-manage-users"]) .tile-summary,
:where(html[data-chekku-page="config-manage-users"]) .tile-actions,
:where(html[data-chekku-page="config-manage-users"]) .manage-btn {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="config-manage-users"]) .tile-top {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

:where(html[data-chekku-page="config-manage-users"]) .user-avatar {
  width: 46px;
  height: 46px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
}

:where(html[data-chekku-page="config-manage-users"]) .user-avatar .material-symbols-rounded {
  font-size: 25px;
}

:where(html[data-chekku-page="config-manage-users"]) .tile-name {
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#2A174A);
  line-height: 1.15;
  word-break: break-word;
}

:where(html[data-chekku-page="config-manage-users"]) .tile-meta {
  margin-top: 5px;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 600;
  display: grid;
  gap: 3px;
}

:where(html[data-chekku-page="config-manage-users"]) .tile-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

:where(html[data-chekku-page="config-manage-users"]) .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: .28rem .65rem;
  border-radius: var(--radius-card);
  font-weight: 600;
  font-size: .76rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  width: max-content;
  line-height: 1.2;
}

:where(html[data-chekku-page="config-manage-users"]) .b-admin {
  background: var(--ck-legacy-success-soft,#e8f5e9);
  color: var(--ck-legacy-success,#1b5e20);
  border-color: rgba(27,94,32,.25);
}

:where(html[data-chekku-page="config-manage-users"]) .b-inspector {
  color: var(--ck-legacy-accent,#0d47a1);
  border-color: rgba(13,71,161,.25);
}

:where(html[data-chekku-page="config-manage-users"]) .b-view {
  background: var(--ck-legacy-warning-soft,#fffde7);
  color: var(--ck-legacy-warning,#795548);
  border-color: rgba(var(--ck-legacy-line-rgb,121,85,72),0.25);
}

:where(html[data-chekku-page="config-manage-users"]) .b-multi {
  background: var(--ck-legacy-blue-soft,#f3e5f5);
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
}

:where(html[data-chekku-page="config-manage-users"]) .b-manager {
  background: var(--ck-legacy-blue-soft,#EAF7FF);
  border-color: rgba(7,89,133,.25);
}

:where(html[data-chekku-page="config-manage-users"]) .b-active {
  background: var(--ck-legacy-success-soft,#e8f5e9);
  color: var(--ck-legacy-success,#1b5e20);
  border-color: rgba(27,94,32,.25);
}

:where(html[data-chekku-page="config-manage-users"]) .b-inactive {
  background: var(--ck-legacy-danger-soft,#ffebee);
  color: var(--ck-legacy-danger,#b71c1c);
  border-color: rgba(183,28,28,.22);
}

:where(html[data-chekku-page="config-manage-users"]) .b-protected {
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.2);
}

:where(html[data-chekku-page="config-manage-users"]) .tile-summary {
  color: var(--ck-legacy-muted,#5d5674);
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.4;
  min-height: 38px;
}

:where(html[data-chekku-page="config-manage-users"]) .tile-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-manage-users"]) .manage-btn {
  width: 100%;
}

:where(html[data-chekku-page="config-manage-users"]) .app-tag {
  background: var(--ck-legacy-blue-soft,#f7f2ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.2);
  padding: .15rem .5rem;
  border-radius: var(--radius-card);
  font-size: .75rem;
  font-weight: 600;
  display: inline-block;
  margin: .08rem .12rem .08rem 0;
}

:where(html[data-chekku-page="config-manage-users"]) .app-tag.manager {
  background: var(--ck-legacy-blue-soft,#EAF7FF);
  color: var(--ck-legacy-accent,#075985);
  border-color: rgba(7,89,133,.22);
}

:where(html[data-chekku-page="config-manage-users"]) .soft-note {
  opacity: .78;
  font-size: .86rem;
  font-weight: 600;
  color: var(--ck-legacy-muted,#5d5674);
  line-height: 1.35;
}

:where(html[data-chekku-page="config-manage-users"]) .manager-lock-note,
:where(html[data-chekku-page="config-manage-users"]) .protected-note {
  padding: 12px 14px;
  border-radius: var(--radius-card);
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="config-manage-users"]) .manager-lock-note {
  background: var(--ck-legacy-blue-soft,#EAF7FF);
  border: 1px solid rgba(7,89,133,.16);
  color: var(--ck-legacy-accent,#075985);
}

:where(html[data-chekku-page="config-manage-users"]) .protected-note {
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.15);
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

:where(html[data-chekku-page="config-manage-users"]) .empty-search {
  display: none;
  margin-top: 14px;
  padding: 18px;
  border-radius: var(--radius-card);
  border: 1px dashed rgba(var(--ck-legacy-line-rgb,108,91,123),0.22);
  font-weight: 600;
  text-align: center;
}

:where(html[data-chekku-page="config-manage-users"]) .hidden-by-search {
  display: none !important;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-backdrop {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  z-index: 1500;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-backdrop.show {
  display: flex;
}

:where(html[data-chekku-page="config-manage-users"]) .modal {
  width: min(760px, 100%);
  max-height: min(92vh, 900px);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  overflow: hidden;
  animation: ck-config-manage-users-popIn .16s ease both;
}

@keyframes ck-config-manage-users-popIn {
from {
  transform: translateY(8px) scale(.985);
  opacity: 0;
}

to {
  transform: translateY(0) scale(1);
  opacity: 1;
}
}

:where(html[data-chekku-page="config-manage-users"]) .modal-head {
  padding: 20px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.06);
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-title-block {
  display: flex;
  gap: 13px;
  align-items: flex-start;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-title {
  margin: 0;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-sub {
  margin-top: 6px;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.45;
  font-size: .93rem;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-close {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  cursor: pointer;
  display: grid;
  place-items: center;
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-body {
  padding: 18px 20px 20px;
  overflow: auto;
  max-height: calc(92vh - 110px);
}

:where(html[data-chekku-page="config-manage-users"]) .modal-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-field {
  display: grid;
  gap: 6px;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-field.full {
  grid-column: 1 / -1;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-top: 14px;
  border-top: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
  margin-top: 16px;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-actions form {
  display: inline-flex;
  margin: 0;
}

:where(html[data-chekku-page="config-manage-users"]) .credential-card {
  padding: 16px;
  display: grid;
  gap: 12px;
}

:where(html[data-chekku-page="config-manage-users"]) .credential-label {
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--muted);
  font-weight: 600;
}

:where(html[data-chekku-page="config-manage-users"]) .credential-value {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#2A174A);
  word-break: break-word;
}

:where(html[data-chekku-page="config-manage-users"]) .password-box {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-manage-users"]) .password-field {
  flex: 1;
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.1);
  border-radius: var(--radius-card);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#2A174A);
}

:where(html[data-chekku-page="config-manage-users"]) .modal-note {
  padding: 12px 14px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-warning-soft,#FFF8E8);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.18);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="config-manage-users"]) .shift-note {
  font-size: .82rem;
  color: var(--muted);
  font-weight: 600;
  margin-top: 6px;
  line-height: 1.35;
}

@media (max-width:1440px) {
:where(html[data-chekku-page="config-manage-users"]) .summary-grid {
  grid-template-columns: 1.2fr repeat(4, 1fr);
}

:where(html[data-chekku-page="config-manage-users"]) .users-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media (max-width:1200px) {
:where(html[data-chekku-page="config-manage-users"]) .summary-grid {
  grid-template-columns: 1.2fr repeat(3, 1fr);
}

:where(html[data-chekku-page="config-manage-users"]) .users-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width:1100px) {
:where(html[data-chekku-page="config-manage-users"]) .form-grid {
  grid-template-columns: repeat(2,1fr);
}
}

@media (max-width:900px) {
:where(html[data-chekku-page="config-manage-users"]) .summary-grid {
  grid-template-columns: 1fr 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="config-manage-users"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="config-manage-users"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="config-manage-users"]) .hero-top {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-manage-users"]) .top-btn {
  width: 100%;
}

:where(html[data-chekku-page="config-manage-users"]) .summary-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-manage-users"]) .wide-row {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-manage-users"]) .form-grid,
:where(html[data-chekku-page="config-manage-users"]) .users-grid,
:where(html[data-chekku-page="config-manage-users"]) .modal-form-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-manage-users"]) .sheet {
  padding: 15px;
}

:where(html[data-chekku-page="config-manage-users"]) .toolbar {
  align-items: stretch;
}

:where(html[data-chekku-page="config-manage-users"]) .toolbar .search {
  width: 100%;
}

:where(html[data-chekku-page="config-manage-users"]) .modal {
  border-radius: var(--radius-card);
  max-height: 94vh;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-head {
  padding: 16px;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-body {
  padding: 16px;
  max-height: calc(94vh - 100px);
}

:where(html[data-chekku-page="config-manage-users"]) .modal-actions {
  flex-direction: column;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-actions .btn,
:where(html[data-chekku-page="config-manage-users"]) .modal-actions form {
  width: 100%;
}

:where(html[data-chekku-page="config-manage-users"]) .password-box {
  flex-direction: column;
  align-items: stretch;
}
}

:root:where(html[data-chekku-page="config-manage-users"]) {
  --bg-start: #071C39;
  --bg-mid: #0B2F5B;
  --bg-end: #FFF1D2;
  --glass: rgba(255,255,255,.70);
  --border: rgba(255,255,255,.34);
  --danger: #C62828;
  --ok: #1B5E20;
  --chip: rgba(255,255,255,.60);
  --inactive-bg: rgba(242,246,251,.72);
}

:where(html[data-chekku-page="config-manage-users"]) .page-shell {
  padding: 24px 0 30px;
}

:where(html[data-chekku-page="config-manage-users"]) .hero {
  padding: 28px;
}

:where(html[data-chekku-page="config-manage-users"]) .hero::before {
  width: 280px;
  height: 280px;
  right: -90px;
  bottom: -120px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="config-manage-users"]) .hero::after {
  content: none !important;
  position: absolute;
  left: -90px;
  top: -100px;
  width: 260px;
  height: 260px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="config-manage-users"]) .hero-eyebrow,
:where(html[data-chekku-page="config-manage-users"]) .tag,
:where(html[data-chekku-page="config-manage-users"]) .mini-chip {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  color: var(--color-blue-deep);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-users"]) .hero-eyebrow {
  color: var(--color-blue-soft);
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,173,216,255),0.32);
  letter-spacing: .04em;
}

:where(html[data-chekku-page="config-manage-users"]) .hero h1,
:where(html[data-chekku-page="config-manage-users"]) .section-title,
:where(html[data-chekku-page="config-manage-users"]) .modal-title {
  letter-spacing: -.035em;
}

:where(html[data-chekku-page="config-manage-users"]) .hero p,
:where(html[data-chekku-page="config-manage-users"]) .section-sub,
:where(html[data-chekku-page="config-manage-users"]) .summary-sub,
:where(html[data-chekku-page="config-manage-users"]) .tile-meta,
:where(html[data-chekku-page="config-manage-users"]) .tile-summary,
:where(html[data-chekku-page="config-manage-users"]) .soft-note,
:where(html[data-chekku-page="config-manage-users"]) .modal-sub,
:where(html[data-chekku-page="config-manage-users"]) .shift-note {
  color: var(--color-muted);
}

:where(html[data-chekku-page="config-manage-users"]) .top-btn,
:where(html[data-chekku-page="config-manage-users"]) .btn-ghost,
:where(html[data-chekku-page="config-manage-users"]) .modal-close {
  color: var(--color-blue-deep);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-users"]) .top-btn:hover,
:where(html[data-chekku-page="config-manage-users"]) .btn-ghost:hover,
:where(html[data-chekku-page="config-manage-users"]) .modal-close:hover {
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .summary-grid {
  gap: 12px;
}

:where(html[data-chekku-page="config-manage-users"]) .summary-label {
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="config-manage-users"]) .summary-value {
  color: var(--color-blue-deep);
  text-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .sheet {
  padding: 20px;
}

:where(html[data-chekku-page="config-manage-users"]) .message-banner {
  background: var(--color-surface);
  border: 1px solid rgba(91,172,255,.24);
  color: var(--color-blue-deep);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-users"]) .form-group label,
:where(html[data-chekku-page="config-manage-users"]) .field-label {
  color: var(--color-blue-deep);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .82rem;
}

:where(html[data-chekku-page="config-manage-users"]) .form-group input[type="text"],
:where(html[data-chekku-page="config-manage-users"]) .form-group input[type="password"],
:where(html[data-chekku-page="config-manage-users"]) .form-group input[type="search"],
:where(html[data-chekku-page="config-manage-users"]) .form-group select,
:where(html[data-chekku-page="config-manage-users"]) .modal-body select,
:where(html[data-chekku-page="config-manage-users"]) .toolbar .search,
:where(html[data-chekku-page="config-manage-users"]) .password-field,
:where(html[data-chekku-page="config-manage-users"]) .soft-note[style],
:where(html[data-chekku-page="config-manage-users"]) .checkbox-panel {
  color: var(--color-ink);
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.12) !important;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-users"]) .form-group input:focus,
:where(html[data-chekku-page="config-manage-users"]) .form-group select:focus,
:where(html[data-chekku-page="config-manage-users"]) .modal-body select:focus,
:where(html[data-chekku-page="config-manage-users"]) .toolbar .search:focus {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .btn {
  border-radius: var(--radius-control);
  font-weight: 600;
}

:where(html[data-chekku-page="config-manage-users"]) .btn-primary {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(53,92,125,.24);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .btn-primary:hover {
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .btn-ok {
  background: var(--color-surface);
  border-color: rgba(20,83,45,.24);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .btn-danger {
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .users-grid {
  gap: 16px;
}

:where(html[data-chekku-page="config-manage-users"]) .user-tile {
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

:where(html[data-chekku-page="config-manage-users"]) .user-tile::before {
  background: var(--color-surface);
}

:where(html[data-chekku-page="config-manage-users"]) .user-tile:hover {
  transform: none;
}

:where(html[data-chekku-page="config-manage-users"]) .user-tile.is-inactive {
  opacity: .88;
}

:where(html[data-chekku-page="config-manage-users"]) .user-avatar {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.48);
  color: var(--color-blue-deep);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .tile-name,
:where(html[data-chekku-page="config-manage-users"]) .credential-value {
  color: var(--color-ink);
}

:where(html[data-chekku-page="config-manage-users"]) .badge,
:where(html[data-chekku-page="config-manage-users"]) .app-tag {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.4);
  box-shadow: none;
}

:where(html[data-chekku-page="config-manage-users"]) .b-admin {
  background: var(--ck-legacy-success-soft,#E8F5E9);
  color: var(--ck-legacy-success,#14532D);
  border-color: rgba(20,83,45,.22);
}

:where(html[data-chekku-page="config-manage-users"]) .b-inspector {
  background: var(--color-blue-soft);
  color: var(--ck-legacy-accent,#075985);
  border-color: rgba(7,89,133,.22);
}

:where(html[data-chekku-page="config-manage-users"]) .b-view {
  background: var(--ck-legacy-warning-soft,#FFF7D6);
  color: var(--ck-legacy-warning,#8A5300);
  border-color: rgba(138,83,0,.18);
}

:where(html[data-chekku-page="config-manage-users"]) .b-multi {
  background: var(--ck-legacy-blue-soft,#EEF4FF);
  color: var(--color-blue);
  border-color: rgba(29,78,216,.18);
}

:where(html[data-chekku-page="config-manage-users"]) .b-manager {
  background: var(--ck-legacy-blue-soft,#DFF7FB);
  color: var(--ck-legacy-accent,#075985);
  border-color: rgba(7,89,133,.22);
}

:where(html[data-chekku-page="config-manage-users"]) .b-active {
  background: var(--ck-legacy-success-soft,#E8F5E9);
  color: var(--ck-legacy-success,#14532D);
  border-color: rgba(20,83,45,.22);
}

:where(html[data-chekku-page="config-manage-users"]) .b-inactive {
  background: var(--ck-legacy-danger-soft,#FFE8E8);
  color: var(--ck-legacy-danger,#9A1B14);
  border-color: rgba(154,27,20,.18);
}

:where(html[data-chekku-page="config-manage-users"]) .b-protected {
  background: var(--color-blue-soft);
  color: var(--color-blue-deep);
  border-color: rgba(53,92,125,.20);
}

:where(html[data-chekku-page="config-manage-users"]) .app-tag {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.82);
  color: var(--color-blue-deep);
  border-color: rgba(53,92,125,.16);
}

:where(html[data-chekku-page="config-manage-users"]) .app-tag.manager,
:where(html[data-chekku-page="config-manage-users"]) .manager-lock-note {
  background: rgba(var(--ck-legacy-blue-soft-rgb,223,247,251),0.8);
  color: var(--ck-legacy-accent,#075985);
  border-color: rgba(7,89,133,.18);
}

:where(html[data-chekku-page="config-manage-users"]) .protected-note {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.82);
  color: var(--color-blue-deep);
  border-color: rgba(53,92,125,.18);
}

:where(html[data-chekku-page="config-manage-users"]) .empty-search {
  background: var(--color-surface);
  border-color: rgba(53,92,125,.24);
  color: var(--color-blue-deep);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-users"]) .modal {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  border-radius: var(--radius-card);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-manage-users"]) .modal-head {
  background: var(--color-surface);
  border-bottom: 1px solid rgba(53,92,125,.08);
}

:where(html[data-chekku-page="config-manage-users"]) .modal-note {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,248,232),0.82);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.2);
  color: var(--ck-legacy-warning,#8A5300);
}

:where(html[data-chekku-page="config-manage-users"]) .lock-watermark {
  background: var(--color-surface);
  border-color: rgba(53,92,125,.10);
  color: rgba(var(--ck-legacy-accent-rgb,8,42,85),0.16);
}

@media (max-width:760px) {

}

:where(html[data-chekku-page="config-manage-users"]) .page-shell {
  padding: 18px 0 30px !important;
}

:where(html[data-chekku-page="config-manage-users"]) .app-topbar.top-control-section {
  position: relative !important;
  margin-bottom: 18px !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="config-manage-users"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="config-manage-users"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="config-manage-users"]) .brand-orb {
  flex: 0 0 112px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="config-manage-users"]) .brand-orb img {
  width: 112px !important;
  height: 112px !important;
  object-fit: contain !important;
  filter: none !important;
}

:where(html[data-chekku-page="config-manage-users"]) .brand-copy {
  min-width: 0 !important;
}

:where(html[data-chekku-page="config-manage-users"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-users"]) .app-kicker .material-symbols-rounded {
  font-size: 18px !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="config-manage-users"]) .app-topbar h1 {
  margin: 7px 0 0 !important;
  background: transparent !important;
}

:where(html[data-chekku-page="config-manage-users"]) .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="config-manage-users"]) .chip,
:where(html[data-chekku-page="config-manage-users"]) .back-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="config-manage-users"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

:where(html[data-chekku-page="config-manage-users"]) .admin-management-workspace {
  display: grid !important;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="config-manage-users"]) .admin-left-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 18px !important;
  z-index: 20 !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding-right: 0 !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

:where(html[data-chekku-page="config-manage-users"]) .admin-left-stack::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

:where(html[data-chekku-page="config-manage-users"]) .admin-main-stack {
  min-width: 0 !important;
  display: grid !important;
  gap: 16px !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-intro-card,
:where(html[data-chekku-page="config-manage-users"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-intro-card {
  min-height: 210px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-intro-card h2 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-summary-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-summary-grid .summary-card {
  min-height: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-summary-grid .summary-label {
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-summary-grid .summary-value {
  margin-top: 5px !important;
  color: var(--color-ink) !important;
  font-size: 1.45rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-summary-grid .summary-sub {
  margin-top: 6px !important;
  color: var(--color-muted) !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-summary-grid .mini-chip-row {
  gap: 6px !important;
  margin-top: 8px !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-summary-grid .mini-chip {
  min-height: 30px !important;
  padding: 6px 8px !important;
  font-size: .72rem !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-users"]) .admin-main-stack > .sheet {
  margin: 0 !important;
}

:where(html[data-chekku-page="config-manage-users"]) .admin-main-stack .tag {
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.5) !important;
  border-radius: var(--radius-card) !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="config-manage-users"]) .admin-management-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-users"]) .admin-left-stack {
  position: relative !important;
  top: auto !important;
  max-height: none !important;
  overflow: visible !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-mini-card {
  grid-column: span 1 !important;
}

:where(html[data-chekku-page="config-manage-users"]) .side-intro-card {
  min-height: 220px !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="config-manage-users"]) .page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="config-manage-users"]) .brand-orb {
  flex-basis: 78px !important;
}

:where(html[data-chekku-page="config-manage-users"]) .brand-orb img {
  width: 78px !important;
  height: 78px !important;
}

:where(html[data-chekku-page="config-manage-users"]) .topbar-actions {
  justify-content: flex-start !important;
  width: 100% !important;
}

:where(html[data-chekku-page="config-manage-users"]) .chip,
:where(html[data-chekku-page="config-manage-users"]) .back-btn {
  white-space: normal !important;
}

:where(html[data-chekku-page="config-manage-users"]) .admin-left-stack {
  grid-template-columns: 1fr !important;
}
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .create-credentials-row {
  grid-template-columns: minmax(180px,.72fr) minmax(360px,1.28fr) !important;
  align-items: end !important;
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .username-group input {
  max-width: 360px !important;
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .password-tools-row {
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .password-tools-row input {
  flex: 1 1 260px !important;
  min-width: 180px !important;
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .icon-btn {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .generate-password-btn {
  min-height: 48px !important;
  border-radius: var(--radius-control) !important;
  padding: 0 15px !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .add-user-submit {
  min-height: 48px !important;
  border-radius: var(--radius-control) !important;
  padding: 0 22px !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.28) !important;
  color: var(--color-ink) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .add-user-submit:hover {
  filter: brightness(1.03) !important;
  box-shadow: none !important;
}

@media (max-width:980px) {
:where(html[data-chekku-page="config-manage-users"]) #createForm .create-credentials-row {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .username-group input {
  max-width: none !important;
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .password-tools-row {
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .password-tools-row input {
  flex: 1 1 100% !important;
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .generate-password-btn {
  flex: 1 1 auto !important;
}
}

@media (max-width:560px) {
:where(html[data-chekku-page="config-manage-users"]) #createForm .icon-btn {
  flex: 1 1 48px !important;
}

:where(html[data-chekku-page="config-manage-users"]) #createForm .generate-password-btn,
:where(html[data-chekku-page="config-manage-users"]) #createForm .add-user-submit {
  width: 100% !important;
}
}

/* MODULE: config/settings.php */

:root:where(html[data-chekku-page="config-settings"]) {
  --glass: rgba(255,255,255,.68);
  --glass-border: 1px solid rgba(255,255,255,.38);
  --border-soft: rgba(39,58,77,.08);
  --ring: rgba(53,92,125,.24);
  --shadow-strong: none;
  --danger: #B42318;
  --danger-bg: rgba(255,240,242,.84);
  --success: #1F8F5F;
  --success-bg: rgba(234,249,241,.86);
  --success-br: rgba(31,143,95,.20);
  --chip: rgba(255,255,255,.64);
}

:where(html[data-chekku-page="config-settings"]) * {
  box-sizing: border-box;
  min-width: 0;
}

html:where(html[data-chekku-page="config-settings"]),
:where(html[data-chekku-page="config-settings"]) body {
  min-height: 100%;
}

:where(html[data-chekku-page="config-settings"]) body {
  margin: 0;
  font-family: var(--font-ui);
  color: var(--ink);
  background: var(--ck-solid-ink,var(--color-ink));
  position: relative;
  overflow-x: hidden;
}

:where(html[data-chekku-page="config-settings"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="config-settings"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 22px 0 26px;
}

:where(html[data-chekku-page="config-settings"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 26px;
  margin-bottom: 18px;
  isolation: isolate;
}

:where(html[data-chekku-page="config-settings"]) .hero::before {
  content: none !important;
  position: absolute;
  right: -72px;
  bottom: -92px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="config-settings"]) .hero::after {
  content: none !important;
  position: absolute;
  top: -90px;
  left: -90px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="config-settings"]) .hero-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-settings"]) .hero-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

:where(html[data-chekku-page="config-settings"]) .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 9px 13px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28);
  color: var(--color-blue-soft);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: none;
}

:where(html[data-chekku-page="config-settings"]) .hero h1 {
  margin: 0;
}

:where(html[data-chekku-page="config-settings"]) .hero p {
  margin: 0;
  max-width: 860px;
}

:where(html[data-chekku-page="config-settings"]) .back-link {
  text-decoration: none;
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24);
  padding: 11px 15px;
  border-radius: var(--radius-card);
  box-shadow: none;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  white-space: nowrap;
}

:where(html[data-chekku-page="config-settings"]) .back-link:hover {
  transform: none;
  filter: brightness(1.03);
  box-shadow: none;
}

:where(html[data-chekku-page="config-settings"]) .summary-grid {
  display: grid;
  grid-template-columns: 1.15fr repeat(2, minmax(0, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="config-settings"]) .summary-card {
  padding: 18px;
  min-height: 118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="config-settings"]) .summary-label {
  color: var(--muted);
  font-size: .80rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .065em;
}

:where(html[data-chekku-page="config-settings"]) .summary-value {
  margin-top: 6px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  color: var(--chekku-primary-700);
  letter-spacing: -.035em;
}

:where(html[data-chekku-page="config-settings"]) .summary-sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="config-settings"]) .mini-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

:where(html[data-chekku-page="config-settings"]) .mini-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .86rem;
  box-shadow: none;
}

:where(html[data-chekku-page="config-settings"]) .flash {
  margin: 0 0 16px;
  padding: 13px 15px;
  border-radius: var(--radius-card);
  background: var(--success-bg);
  color: var(--success);
  border: 1px solid var(--success-br);
  font-weight: 600;
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="config-settings"]) .panel {
  overflow: hidden;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="config-settings"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-settings"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where(html[data-chekku-page="config-settings"]) .panel-title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: -.015em;
}

:where(html[data-chekku-page="config-settings"]) .panel-note {
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .90rem;
  padding: 8px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
}

:where(html[data-chekku-page="config-settings"]) .counts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

:where(html[data-chekku-page="config-settings"]) .count-card {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 100%;
}

:where(html[data-chekku-page="config-settings"]) .count-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

:where(html[data-chekku-page="config-settings"]) .count-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  font-size: 1.5rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="config-settings"]) .count-value,
:where(html[data-chekku-page="config-settings"]) .tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.12);
  color: var(--chekku-primary-700);
  font-size: .86rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="config-settings"]) .count-title {
  margin: 0;
  font-size: 1.06rem;
  line-height: 1.25;
  font-weight: 600;
  color: var(--chekku-primary-700);
}

:where(html[data-chekku-page="config-settings"]) .count-desc {
  margin: 0;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.5;
}

:where(html[data-chekku-page="config-settings"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="config-settings"]) .form-item label {
  display: block;
  font-weight: 600;
  color: var(--color-blue-deep);
  margin-bottom: .45rem;
  text-transform: uppercase;
  letter-spacing: .035em;
  font-size: .82rem;
}

:where(html[data-chekku-page="config-settings"]) .control {
  width: 100%;
  min-height: 52px;
  padding: .82rem .95rem;
  border: 1px solid rgba(53,92,125,.14);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--ink);
  font-weight: 600;
  font-size: 1rem;
  outline: none;
  box-sizing: border-box;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease, transform .16s ease;
  box-shadow: none;
}

:where(html[data-chekku-page="config-settings"]) .control:focus {
  border-color: rgba(53,92,125,.34);
  box-shadow: none;
  background: var(--color-surface);
  transform: translateY(-1px);
}

:where(html[data-chekku-page="config-settings"]) .inline-checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem 1rem;
  align-items: center;
  padding: .25rem 0;
}

:where(html[data-chekku-page="config-settings"]) .inline-checkboxes label {
  font-weight: 600;
  color: var(--color-blue-deep);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-transform: none;
  letter-spacing: 0;
  font-size: .92rem;
  margin: 0;
  padding: 7px 9px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
}

:where(html[data-chekku-page="config-settings"]) .actions {
  margin-top: 12px;
  display: flex;
  gap: .6rem;
  flex-wrap: wrap;
  align-items: center;
}

:where(html[data-chekku-page="config-settings"]) .btn {
  padding: .82rem 1.1rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, background .16s ease;
}

:where(html[data-chekku-page="config-settings"]) .btn:hover {
  transform: none;
}

:where(html[data-chekku-page="config-settings"]) .btn-primary {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
  box-shadow: none;
}

:where(html[data-chekku-page="config-settings"]) .btn-primary:hover {
  filter: brightness(1.03);
  box-shadow: none;
}

:where(html[data-chekku-page="config-settings"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--chekku-primary);
  border-color: rgba(53,92,125,.14);
}

:where(html[data-chekku-page="config-settings"]) .btn-danger {
  background: var(--color-surface);
  color: #fff;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
  box-shadow: none;
}

:where(html[data-chekku-page="config-settings"]) .btn-sm {
  padding: .55rem .8rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  font-size: .92rem;
}

:where(html[data-chekku-page="config-settings"]) .meta-note {
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
}

:where(html[data-chekku-page="config-settings"]) .tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="config-settings"]) .tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  color: var(--chekku-primary-700);
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

:where(html[data-chekku-page="config-settings"]) .tab:hover {
  transform: none;
  box-shadow: none;
  background: var(--color-surface);
  border-color: rgba(53,92,125,.18);
}

:where(html[data-chekku-page="config-settings"]) .tab.active {
  background: var(--color-surface);
  color: var(--color-blue-soft);
  border-color: rgba(var(--ck-legacy-line-rgb,173,216,255),0.38);
  box-shadow: none;
}

:where(html[data-chekku-page="config-settings"]) .table-wrap {
  overflow: auto;
  border-radius: var(--radius-card);
  box-shadow: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
}

:where(html[data-chekku-page="config-settings"]) table.size-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--color-surface);
  border: 0;
  border-radius: var(--radius-card);
  overflow: hidden;
}

:where(html[data-chekku-page="config-settings"]) .size-table th,
:where(html[data-chekku-page="config-settings"]) .size-table td {
  padding: 12px 12px;
  font-size: .96rem;
  border-bottom: 1px solid rgba(39,58,77,.07);
  vertical-align: top;
}

:where(html[data-chekku-page="config-settings"]) .size-table thead th {
  position: sticky;
  top: 0;
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  font-weight: 600;
  z-index: 1;
  text-align: left;
}

:where(html[data-chekku-page="config-settings"]) .size-table tbody tr:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.42);
}

:where(html[data-chekku-page="config-settings"]) .size-table tbody tr:last-child td {
  border-bottom: none;
}

:where(html[data-chekku-page="config-settings"]) .list-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-settings"]) .list-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where(html[data-chekku-page="config-settings"]) .list-title {
  margin: 0;
  font-size: 1.08rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
}

:where(html[data-chekku-page="config-settings"]) .list-sub {
  color: var(--muted);
  font-size: .92rem;
  font-weight: 600;
}

:where(html[data-chekku-page="config-settings"]) .empty-row {
  text-align: center;
  color: var(--muted);
  font-weight: 600;
  padding: 22px 12px;
}

:where(html[data-chekku-page="config-settings"]) .side-count-pill,
:where(html[data-chekku-page="config-settings"]) .tab-count {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 24px;
  padding: 0 8px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.48);
  color: var(--color-blue-deep);
  font-size: .76rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="config-settings"]) .side-chip.is-active .side-count-pill {
  color: var(--color-coral) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
}

:where(html[data-chekku-page="config-settings"]) .tab-count {
  margin-left: 4px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="config-settings"]) .tab.active .tab-count {
  color: var(--color-blue-deep);
  background: var(--color-surface);
}

:where(html[data-chekku-page="config-settings"]) .settings-list-zone {
  display: block;
}

:where(html[data-chekku-page="config-settings"]) .list-toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 14px;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.44);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-settings"]) .compact-toolbar {
  margin-top: -2px;
}

:where(html[data-chekku-page="config-settings"]) .list-search-wrap {
  flex: 1 1 360px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .045em;
}

:where(html[data-chekku-page="config-settings"]) .list-search {
  min-height: 46px !important;
  border-radius: var(--radius-card) !important;
  padding-left: 16px !important;
  font-size: .95rem !important;
}

:where(html[data-chekku-page="config-settings"]) .list-toolbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-settings"]) .list-count-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 13px;
  border-radius: var(--radius-card);
  color: var(--color-blue-deep);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52);
  box-shadow: none;
  font-weight: 600;
  font-size: .84rem;
  white-space: nowrap;
}

:where(html[data-chekku-page="config-settings"]) .list-show-more {
  border-radius: var(--radius-card) !important;
  min-height: 40px;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border-color: rgba(53,92,125,.12) !important;
  white-space: nowrap;
}

:where(html[data-chekku-page="config-settings"]) .compact-list-wrap {
  border-radius: var(--radius-card) !important;
  max-height: min(620px, 64vh);
  overflow: auto;
  background: var(--color-surface);
}

:where(html[data-chekku-page="config-settings"]) .compact-list-table th,
:where(html[data-chekku-page="config-settings"]) .compact-list-table td {
  padding: 8px 10px !important;
  font-size: .90rem !important;
  vertical-align: middle !important;
}

:where(html[data-chekku-page="config-settings"]) .compact-list-table .control {
  min-height: 42px !important;
  border-radius: var(--radius-card) !important;
  font-size: .92rem !important;
  padding: .62rem .76rem !important;
}

:where(html[data-chekku-page="config-settings"]) .compact-list-table .inline-checkboxes {
  gap: 6px !important;
}

:where(html[data-chekku-page="config-settings"]) .compact-list-table .inline-checkboxes label {
  padding: 5px 8px !important;
  font-size: .80rem !important;
}

:where(html[data-chekku-page="config-settings"]) .compact-list-table .actions {
  margin-top: 0 !important;
  gap: 7px !important;
}

:where(html[data-chekku-page="config-settings"]) .compact-list-table .btn-sm {
  padding: .48rem .68rem !important;
  font-size: .84rem !important;
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="config-settings"]) .is-filter-hidden,
:where(html[data-chekku-page="config-settings"]) .is-limit-hidden {
  display: none !important;
}

:where(html[data-chekku-page="config-settings"]) .app-footer {
  z-index: 1;
}

@media (max-width:1024px) {
:where(html[data-chekku-page="config-settings"]) .summary-grid {
  grid-template-columns: 1fr 1fr;
}

:where(html[data-chekku-page="config-settings"]) .counts-grid {
  grid-template-columns: 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="config-settings"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="config-settings"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="config-settings"]) .summary-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-settings"]) .hero-top,
:where(html[data-chekku-page="config-settings"]) .panel-head,
:where(html[data-chekku-page="config-settings"]) .list-head {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="config-settings"]) .back-link {
  width: 100%;
  text-align: center;
}

:where(html[data-chekku-page="config-settings"]) .form-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-settings"]) .size-table th,
:where(html[data-chekku-page="config-settings"]) .size-table td {
  padding: 10px 10px;
}
}

:where(html[data-chekku-page="config-settings"]) .top-control-section {
  position: relative !important;
  margin-bottom: 18px !important;
}

:where(html[data-chekku-page="config-settings"]) .app-topbar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="config-settings"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="config-settings"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="config-settings"]) .brand-orb {
  flex: 0 0 126px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="config-settings"]) .brand-orb img {
  width: 126px !important;
  height: 126px !important;
  object-fit: contain !important;
  filter: none !important;
}

:where(html[data-chekku-page="config-settings"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="config-settings"]) .app-topbar h1 {
  margin: 8px 0 0 !important;
  background: transparent !important;
}

:where(html[data-chekku-page="config-settings"]) .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  margin-left: auto !important;
}

:where(html[data-chekku-page="config-settings"]) .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="config-settings"]) .back-btn {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-settings"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

:where(html[data-chekku-page="config-settings"]) .settings-workspace {
  display: grid !important;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="config-settings"]) .settings-side-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 18px !important;
  z-index: 20 !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding-right: 2px !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

:where(html[data-chekku-page="config-settings"]) .settings-side-stack::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

:where(html[data-chekku-page="config-settings"]) .settings-main-stack {
  min-width: 0 !important;
  display: block !important;
}

:where(html[data-chekku-page="config-settings"]) .side-intro-card,
:where(html[data-chekku-page="config-settings"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="config-settings"]) .side-intro-card {
  min-height: 250px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="config-settings"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="config-settings"]) .side-intro-card h2,
:where(html[data-chekku-page="config-settings"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="config-settings"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="config-settings"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="config-settings"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="config-settings"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="config-settings"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="config-settings"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="config-settings"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="config-settings"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="config-settings"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="config-settings"]) .side-chip.is-active {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-settings"]) .side-chip.is-active strong {
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="config-settings"]) .panel {
  margin-bottom: 16px !important;
}

:where(html[data-chekku-page="config-settings"]) .hero {
  display: none !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="config-settings"]) .settings-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-settings"]) .settings-side-stack {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  max-height: none !important;
}

:where(html[data-chekku-page="config-settings"]) .side-intro-card {
  min-height: 220px !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="config-settings"]) .page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="config-settings"]) .brand-orb {
  flex-basis: 84px !important;
}

:where(html[data-chekku-page="config-settings"]) .brand-orb img {
  width: 84px !important;
  height: 84px !important;
}

:where(html[data-chekku-page="config-settings"]) .settings-side-stack {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-settings"]) .topbar-actions {
  justify-content: flex-start !important;
  margin-left: 0 !important;
}

:where(html[data-chekku-page="config-settings"]) .chip {
  white-space: normal !important;
}
}

/* MODULE: config/shift.php */

:root:where(html[data-chekku-page="config-shift"]) {
  --glass: rgba(255,255,255,.66);
  --border: rgba(255,255,255,.42);
  --danger: #C62828;
  --ok: #1B5E20;
  --warn: var(--color-coral);
  --chip: rgba(255,255,255,.56);
  --info: #1565C0;
}

:where(html[data-chekku-page="config-shift"]) * {
  box-sizing: border-box;
  min-width: 0;
}

html:where(html[data-chekku-page="config-shift"]),
:where(html[data-chekku-page="config-shift"]) body {
  min-height: 100%;
}

:where(html[data-chekku-page="config-shift"]) body {
  margin: 0;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  position: relative;
  overflow-x: hidden;
}

:where(html[data-chekku-page="config-shift"]) body.modal-open {
  overflow: hidden;
}

:where(html[data-chekku-page="config-shift"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="config-shift"]) body::before,
:where(html[data-chekku-page="config-shift"]) body::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="config-shift"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 22px 0 28px;
}

:where(html[data-chekku-page="config-shift"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 26px;
  margin-bottom: 18px;
  isolation: isolate;
}

:where(html[data-chekku-page="config-shift"]) .hero::before {
  content: none !important;
  position: absolute;
  right: -90px;
  bottom: -120px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: var(--color-surface);
  z-index: -1;
  pointer-events: none;
}

:where(html[data-chekku-page="config-shift"]) .hero::after {
  content: none !important;
  position: absolute;
  top: -110px;
  left: -120px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: var(--color-surface);
  z-index: -1;
  pointer-events: none;
}

:where(html[data-chekku-page="config-shift"]) .hero-top {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 16px;
  align-items: start;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="config-shift"]) .hero-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

:where(html[data-chekku-page="config-shift"]) .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 9px 13px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  color: var(--ck-legacy-warning,#8A5200);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .04em;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-shift"]) .hero h1 {
  margin: 0;
}

:where(html[data-chekku-page="config-shift"]) .hero p {
  margin: 0;
  max-width: 880px;
}

:where(html[data-chekku-page="config-shift"]) .top-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  padding: 11px 15px;
  border-radius: var(--radius-control);
  box-shadow: none;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  white-space: nowrap;
}

:where(html[data-chekku-page="config-shift"]) .top-btn:hover {
  transform: none;
  box-shadow: none;
  filter: brightness(1.03);
}

:where(html[data-chekku-page="config-shift"]) .summary-grid {
  display: grid;
  grid-template-columns: 1.2fr repeat(4, minmax(0, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="config-shift"]) .summary-card {
  padding: 18px;
  min-height: 118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="config-shift"]) .summary-label {
  color: var(--muted);
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
}

:where(html[data-chekku-page="config-shift"]) .summary-value {
  margin-top: 7px;
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  color: var(--chekku-700);
  letter-spacing: -.03em;
}

:where(html[data-chekku-page="config-shift"]) .summary-sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="config-shift"]) .mini-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

:where(html[data-chekku-page="config-shift"]) .mini-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.44);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .88rem;
  box-shadow: none;
}

:where(html[data-chekku-page="config-shift"]) .sheet {
  padding: 18px;
  margin: 18px 0;
}

:where(html[data-chekku-page="config-shift"]) .section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="config-shift"]) .section-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where(html[data-chekku-page="config-shift"]) .section-title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: -.01em;
}

:where(html[data-chekku-page="config-shift"]) .tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  color: var(--ck-legacy-warning,#8A5200);
  font-size: .84rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="config-shift"]) .message-banner {
  margin-bottom: 16px;
  padding: 14px 16px;
  border-radius: var(--radius-card);
  font-weight: 600;
  box-shadow: none;
  border: 1px solid transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-shift"]) .message-banner.success {
  background: rgba(var(--ck-legacy-success-soft-rgb,238,248,239),0.86);
  color: var(--ck-legacy-success,#1B5E20);
  border-color: rgba(27,94,32,.15);
}

:where(html[data-chekku-page="config-shift"]) .message-banner.error {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,240,240),0.88);
  color: var(--ck-legacy-danger,#B71C1C);
  border-color: rgba(183,28,28,.12);
}

:where(html[data-chekku-page="config-shift"]) .form-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(180px,1fr));
}

:where(html[data-chekku-page="config-shift"]) .form-group label {
  display: block;
  font-weight: 600;
  color: var(--color-blue-deep);
  margin-bottom: .4rem;
  font-size: .84rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

:where(html[data-chekku-page="config-shift"]) .form-group input[type="text"],
:where(html[data-chekku-page="config-shift"]) .form-group input[type="time"],
:where(html[data-chekku-page="config-shift"]) .form-group select,
:where(html[data-chekku-page="config-shift"]) .toolbar .search {
  width: 100%;
  min-height: 48px;
  padding: .75rem .85rem;
  border: 1px solid rgba(53,92,125,.14);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--text);
  font-weight: 600;
  font-size: .95rem;
  outline: none;
  box-sizing: border-box;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease, transform .16s ease;
  box-shadow: none;
}

:where(html[data-chekku-page="config-shift"]) .form-group input[type="text"]:focus,
:where(html[data-chekku-page="config-shift"]) .form-group input[type="time"]:focus,
:where(html[data-chekku-page="config-shift"]) .form-group select:focus,
:where(html[data-chekku-page="config-shift"]) .toolbar .search:focus {
  border-color: rgba(53,92,125,.34);
  box-shadow: none;
  background: var(--color-surface);
  transform: translateY(-1px);
}

:where(html[data-chekku-page="config-shift"]) .check-grid {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 28px;
}

:where(html[data-chekku-page="config-shift"]) .toggle-check {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.44);
  font-weight: 600;
  color: var(--color-blue-deep);
  box-shadow: none;
}

:where(html[data-chekku-page="config-shift"]) .toggle-check input {
  accent-color: var(--chekku-primary);
}

:where(html[data-chekku-page="config-shift"]) .helper {
  margin-top: 12px;
  padding: 13px 14px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,248,232),0.86);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.18);
  color: var(--ck-legacy-warning,#8A5300);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="config-shift"]) .form-actions {
  display: flex;
  gap: .7rem;
  flex-wrap: wrap;
  margin-top: 16px;
}

:where(html[data-chekku-page="config-shift"]) .btn {
  padding: .75rem 1rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, background .16s ease;
  background: var(--color-surface);
  text-decoration: none;
  box-shadow: none;
}

:where(html[data-chekku-page="config-shift"]) .btn:hover {
  transform: none;
  filter: brightness(1.02);
}

:where(html[data-chekku-page="config-shift"]) .btn-primary {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
  box-shadow: none;
}

:where(html[data-chekku-page="config-shift"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--chekku-700);
  border: 1px solid rgba(53,92,125,.12);
}

:where(html[data-chekku-page="config-shift"]) .btn-danger {
  background: var(--color-surface);
  color: #fff;
}

:where(html[data-chekku-page="config-shift"]) .btn-ok {
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="config-shift"]) .btn-warn {
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="config-shift"]) .btn-info {
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="config-shift"]) .toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="config-shift"]) .toolbar .search {
  width: 280px;
  max-width: 100%;
}

:where(html[data-chekku-page="config-shift"]) .status-badge,
:where(html[data-chekku-page="config-shift"]) .type-badge {
  display: inline-block;
  padding: .34rem .68rem;
  border-radius: var(--radius-card);
  font-weight: 600;
  font-size: .78rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  white-space: nowrap;
}

:where(html[data-chekku-page="config-shift"]) .status-active {
  background: var(--ck-legacy-success-soft,#E8F5E9);
  color: var(--ck-legacy-success,#1B5E20);
  border-color: rgba(27,94,32,.20);
}

:where(html[data-chekku-page="config-shift"]) .status-inactive {
  background: var(--ck-legacy-surface,#F5F5F5);
  color: var(--ck-legacy-muted,#616161);
  border-color: rgba(var(--ck-legacy-line-rgb,97,97,97),0.18);
}

:where(html[data-chekku-page="config-shift"]) .type-night {
  background: var(--color-blue-soft);
  color: var(--color-blue);
  border-color: rgba(53,92,125,.20);
}

:where(html[data-chekku-page="config-shift"]) .type-day {
  background: var(--ck-legacy-warning-soft,#FFF8E8);
  color: var(--ck-legacy-warning,#8A5300);
  border-color: rgba(138,83,0,.15);
}

:where(html[data-chekku-page="config-shift"]) .stack {
  display: grid;
  gap: .4rem;
}

:where(html[data-chekku-page="config-shift"]) .inline-actions {
  display: flex;
  gap: .45rem;
  flex-wrap: wrap;
  align-items: center;
}

:where(html[data-chekku-page="config-shift"]) .small-note {
  font-size: .82rem;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="config-shift"]) .shift-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
  margin-top: 14px;
}

:where(html[data-chekku-page="config-shift"]) .shift-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 16px;
  min-height: 238px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

:where(html[data-chekku-page="config-shift"]) .shift-card:hover {
  transform: none;
}

:where(html[data-chekku-page="config-shift"]) .shift-card::before {
  content: none !important;
  position: absolute;
  right: -58px;
  top: -58px;
  width: 150px;
  height: 150px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="config-shift"]) .shift-card.is-night::before {
  background: var(--color-surface);
}

:where(html[data-chekku-page="config-shift"]) .shift-card.is-inactive {
  opacity: .86;
}

:where(html[data-chekku-page="config-shift"]) .shift-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="config-shift"]) .shift-title-wrap {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

:where(html[data-chekku-page="config-shift"]) .shift-icon {
  width: 50px;
  height: 50px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  flex: 0 0 50px;
  color: var(--color-blue-deep);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.48);
  box-shadow: none;
}

:where(html[data-chekku-page="config-shift"]) .shift-icon .material-symbols-rounded {
  font-size: 27px;
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48;
}

:where(html[data-chekku-page="config-shift"]) .shift-name {
  margin: 0;
  color: var(--color-ink);
  font-size: 1.06rem;
  font-weight: 600;
  line-height: 1.15;
  word-break: break-word;
}

:where(html[data-chekku-page="config-shift"]) .shift-id {
  margin-top: 5px;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="config-shift"]) .shift-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="config-shift"]) .shift-window-card {
  position: relative;
  z-index: 1;
  padding: 13px;
  display: grid;
  gap: 7px;
}

:where(html[data-chekku-page="config-shift"]) .shift-window-main {
  color: var(--color-blue-deep);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.15;
}

:where(html[data-chekku-page="config-shift"]) .shift-window-sub {
  color: var(--muted);
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="config-shift"]) .shift-card-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="config-shift"]) .manage-shift-btn {
  width: 100%;
}

:where(html[data-chekku-page="config-shift"]) .empty-search {
  display: none;
  margin-top: 14px;
  padding: 18px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px dashed rgba(53,92,125,.24);
  color: var(--color-blue-deep);
  font-weight: 600;
  text-align: center;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-shift"]) .hidden-by-search {
  display: none !important;
}

:where(html[data-chekku-page="config-shift"]) .modal-backdrop {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  z-index: 1500;
}

:where(html[data-chekku-page="config-shift"]) .modal-backdrop.show {
  display: flex;
}

:where(html[data-chekku-page="config-shift"]) .modal {
  width: min(760px, 100%);
  max-height: min(92vh, 900px);
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  border-radius: var(--radius-card);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  animation: ck-config-shift-popIn .16s ease both;
}

@keyframes ck-config-shift-popIn {
from {
  transform: translateY(8px) scale(.985);
  opacity: 0;
}

to {
  transform: translateY(0) scale(1);
  opacity: 1;
}
}

:where(html[data-chekku-page="config-shift"]) .modal-head {
  padding: 20px;
  background: var(--color-surface);
  border-bottom: 1px solid rgba(53,92,125,.08);
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

:where(html[data-chekku-page="config-shift"]) .modal-title-block {
  display: flex;
  gap: 13px;
  align-items: flex-start;
}

:where(html[data-chekku-page="config-shift"]) .modal-title {
  margin: 0;
  letter-spacing: -.03em;
}

:where(html[data-chekku-page="config-shift"]) .modal-sub {
  margin-top: 6px;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.45;
  font-size: .93rem;
}

:where(html[data-chekku-page="config-shift"]) .modal-close {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  cursor: pointer;
  display: grid;
  place-items: center;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="config-shift"]) .modal-body {
  padding: 18px 20px 20px;
  overflow: auto;
  max-height: calc(92vh - 110px);
}

:where(html[data-chekku-page="config-shift"]) .modal-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="config-shift"]) .modal-field.full {
  grid-column: 1 / -1;
}

:where(html[data-chekku-page="config-shift"]) .modal-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-top: 14px;
  border-top: 1px solid rgba(53,92,125,.08);
  margin-top: 16px;
}

:where(html[data-chekku-page="config-shift"]) .modal-actions form {
  display: inline-flex;
  margin: 0;
}

@media (max-width:1100px) {
:where(html[data-chekku-page="config-shift"]) .summary-grid {
  grid-template-columns: 1.2fr 1fr 1fr;
}
}

@media (max-width:900px) {
:where(html[data-chekku-page="config-shift"]) .summary-grid {
  grid-template-columns: 1fr 1fr;
}

:where(html[data-chekku-page="config-shift"]) .form-grid {
  grid-template-columns: repeat(2,1fr);
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="config-shift"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="config-shift"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="config-shift"]) .hero-top {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-shift"]) .top-btn {
  width: 100%;
}

:where(html[data-chekku-page="config-shift"]) .summary-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-shift"]) .form-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="config-shift"]) .check-grid {
  padding-top: 0;
}

:where(html[data-chekku-page="config-shift"]) .sheet {
  padding: 15px;
}
}

:where(html[data-chekku-page="config-shift"]) .page-shell {
  padding-top: 22px !important;
}

:where(html[data-chekku-page="config-shift"]) .top-control-section {
  position: relative !important;
  margin-bottom: 18px !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="config-shift"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="config-shift"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="config-shift"]) .brand-orb {
  flex: 0 0 120px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="config-shift"]) .brand-orb img {
  width: 120px !important;
  height: 120px !important;
  object-fit: contain !important;
  filter: none !important;
}

:where(html[data-chekku-page="config-shift"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="config-shift"]) .app-topbar h1 {
  margin: 8px 0 0 !important;
  background: transparent !important;
}

:where(html[data-chekku-page="config-shift"]) .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  margin-left: auto !important;
}

:where(html[data-chekku-page="config-shift"]) .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="config-shift"]) .back-btn {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-shift"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

:where(html[data-chekku-page="config-shift"]) .settings-workspace {
  display: grid !important;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="config-shift"]) .settings-side-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 18px !important;
  z-index: 20 !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding-right: 2px !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

:where(html[data-chekku-page="config-shift"]) .settings-side-stack::-webkit-scrollbar {
  display: none !important;
}

:where(html[data-chekku-page="config-shift"]) .settings-main-stack {
  min-width: 0 !important;
}

:where(html[data-chekku-page="config-shift"]) .settings-main-stack > .sheet:first-child {
  margin-top: 0 !important;
}

:where(html[data-chekku-page="config-shift"]) .side-intro-card,
:where(html[data-chekku-page="config-shift"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="config-shift"]) .side-intro-card {
  min-height: 250px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="config-shift"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="config-shift"]) .side-intro-card h2,
:where(html[data-chekku-page="config-shift"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="config-shift"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="config-shift"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="config-shift"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="config-shift"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.45rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="config-shift"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="config-shift"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="config-shift"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="config-shift"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="config-shift"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="config-shift"]) .section-title,
:where(html[data-chekku-page="config-shift"]) .summary-value {
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="config-shift"]) .section-sub,
:where(html[data-chekku-page="config-shift"]) .summary-sub,
:where(html[data-chekku-page="config-shift"]) .small-note {
  color: var(--color-muted) !important;
}

:where(html[data-chekku-page="config-shift"]) .btn-primary {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-shift"]) .manage-shift-btn,
:where(html[data-chekku-page="config-shift"]) .btn-info {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="config-shift"]) .top-btn {
  display: none !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="config-shift"]) .settings-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-shift"]) .settings-side-stack {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  max-height: none !important;
}

:where(html[data-chekku-page="config-shift"]) .side-intro-card {
  min-height: 220px !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="config-shift"]) .page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="config-shift"]) .brand-orb {
  flex-basis: 84px !important;
}

:where(html[data-chekku-page="config-shift"]) .brand-orb img {
  width: 84px !important;
  height: 84px !important;
}

:where(html[data-chekku-page="config-shift"]) .topbar-actions {
  justify-content: flex-start !important;
  width: 100% !important;
}

:where(html[data-chekku-page="config-shift"]) .chip {
  white-space: normal !important;
}

:where(html[data-chekku-page="config-shift"]) .settings-side-stack {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="config-shift"]) .side-stat-grid {
  grid-template-columns: 1fr !important;
}
}

/* MODULE: executive_performance/defect_replace.php, waste_analysis/defect_replace.php */

:root:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) {
  --border: rgba(18,16,28,.09);
  --glass: rgba(255,255,255,.84);
  --danger: #B42318;
  --good: #1F8F5F;
  --blue: #2458A6;
  --warn: #B76E00;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]),
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) body {
  min-height: 100%;
  margin: 0;
  overflow-x: hidden;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) body {
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--color-surface);
  background-attachment: fixed;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  overflow-x: hidden;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .sidebar a.active {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .sidebar-logo {
  display: block;
  width: 190px;
  margin: 20px auto 22px;
  filter: none;
  opacity: .95;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .95rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .page-shell {
  padding: 24px 0 34px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px;
  margin-bottom: 18px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  margin-bottom: 12px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) h1 {
  margin: 0;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .hero p {
  margin: 10px 0 0;
  max-width: 850px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  color: var(--ck-legacy-accent,#3A2759);
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .panel {
  margin-bottom: 16px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .panel-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .panel-title {
  margin: 0;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .panel-sub {
  margin-top: 4px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .field.full {
  grid-column: 1 / -1;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) label {
  color: var(--primary-dark);
  font-weight: 600;
  font-size: .9rem;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) input,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) select {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  padding: 10px 12px;
  color: var(--ck-legacy-accent,#1E1B2A);
  font-weight: 600;
  outline: none;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) input:focus,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) select:focus {
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.38);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .btn {
  appearance: none;
  border: none;
  border-radius: var(--radius-control);
  padding: .8rem 1rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .btn-primary {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--primary-dark);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.16);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .btn-danger {
  color: #fff;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .notice {
  padding: 14px 16px;
  margin-bottom: 12px;
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .notice.good {
  background: var(--ck-legacy-success-soft,#EAF9F1);
  color: var(--ck-legacy-success,#167048);
  border: 1px solid rgba(31,143,95,.18);
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .notice.bad {
  background: var(--ck-legacy-danger-soft,#FFF1F1);
  color: var(--ck-legacy-danger,#B42318);
  border: 1px solid rgba(180,35,24,.16);
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .summary-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .summary-card {
  padding: 14px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .summary-label {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .summary-value {
  margin-top: 6px;
  color: var(--ck-legacy-accent,#291947);
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .warning-box {
  padding: 14px 16px;
  line-height: 1.55;
  font-weight: 600;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .table-scroll {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) table {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) th,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
  text-align: left;
  vertical-align: top;
  font-size: .93rem;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) th {
  position: sticky;
  top: 0;
  background: var(--ck-legacy-blue-soft,#faf6ff);
  color: var(--primary-dark);
  font-weight: 600;
  z-index: 1;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) tr:last-child td {
  border-bottom: none;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  padding: 6px 10px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--ck-legacy-accent,#5A2B84);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .confirm-card {
  padding: 16px;
  margin-top: 16px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .confirm-title {
  margin: 0 0 6px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .confirm-card p {
  margin: 0 0 12px;
}

@media (max-width:900px) {
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .form-grid,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .summary-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .panel-head {
  flex-direction: column;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .actions {
  justify-content: stretch;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .btn {
  width: 100%;
}
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-panel {
  padding: 14px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-help {
  color: var(--muted);
  font-weight: 600;
  font-size: .88rem;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) 130px 42px;
  gap: 8px;
  align-items: center;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-remove {
  width: 42px;
  height: 42px;
  border: none;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-danger-soft,#FFF1F1);
  color: var(--ck-legacy-danger,#B42318);
  font-weight: 600;
  font-size: 1.2rem;
  cursor: pointer;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-total {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--color-purple);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .split-badge {
  display: inline-flex;
  margin: 2px 4px 2px 0;
  padding: 5px 8px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#EEF6FF);
  color: var(--ck-legacy-accent,#2458A6);
  border: 1px solid rgba(36,88,166,.16);
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width:700px) {
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-row {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-remove {
  width: 100%;
}
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-row select,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-row input {
  min-height: 44px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-row select {
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .notice.bad strong {
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #addAllocationRow,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-remove {
  user-select: none;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-rows {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #addAllocationRow {
  z-index: 5 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #addAllocationRow {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 20 !important;
  cursor: pointer !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-actions button[name="add_split"] {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 20 !important;
  cursor: pointer !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-row select {
  min-width: 0;
  min-height: 44px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-percent-select {
  text-align: center;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-panel {
  margin-bottom: 6px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-actions {
  z-index: 10 !important;
  padding-top: 8px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-actions button[name="add_split"],
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-remove {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 20 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-percent-select {
  text-align: center !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .form-main-actions {
  position: relative !important;
  z-index: 30 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .form-main-actions .btn {
  min-width: 190px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-panel {
  margin-top: 4px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .form-main-actions {
  justify-content: flex-end !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .form-main-actions .btn-primary {
  min-width: 220px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .found-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .found-card {
  padding: 14px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .found-card .summary-value.small {
  font-size: 1.15rem;
  line-height: 1.2;
}

@media (max-width:900px) {
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .found-grid {
  grid-template-columns: 1fr;
}
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-card {
  padding: 16px;
  margin-top: 16px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-title {
  margin: 0;
  color: var(--ck-legacy-accent,#2458A6);
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-head p {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#EEF6FF);
  color: var(--ck-legacy-accent,#2458A6);
  border: 1px solid rgba(36,88,166,.16);
  font-weight: 600;
  white-space: nowrap;
  font-size: .82rem;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-tile {
  padding: 12px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-tile span {
  display: block;
  color: var(--muted);
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1.2;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-tile strong {
  display: block;
  margin-top: 6px;
  color: var(--ck-legacy-accent,#1F1730);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-split {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-card);
  padding: 12px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-split-title {
  color: var(--ck-legacy-accent,#2458A6);
  font-weight: 600;
  margin-bottom: 8px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0;
  border-top: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
  color: var(--ck-legacy-accent,#1F1730);
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-line strong {
  color: var(--ck-legacy-accent,#2458A6);
  white-space: nowrap;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-line.keep strong {
  color: var(--ck-legacy-warning,#7A3F00);
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-empty {
  color: var(--muted);
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-success-soft,#EAF9F1);
  border: 1px solid rgba(31,143,95,.18);
  color: var(--ck-legacy-success,#167048);
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-check input {
  width: 20px;
  min-height: 20px;
  margin-top: 1px;
  flex: 0 0 20px;
}

@media (max-width:900px) {
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-head,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-line {
  flex-direction: column;
  align-items: flex-start;
}
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .recheck-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
  padding: 14px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .recheck-card strong {
  display: block;
  color: var(--ck-legacy-accent,#2458A6);
  font-weight: 600;
  margin-bottom: 3px;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .recheck-card span {
  display: block;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .recheck-controls {
  display: grid;
  grid-template-columns: minmax(220px,1fr) auto;
  gap: 10px;
  min-width: min(520px, 100%);
  align-items: center;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .recheck-hint {
  margin-top: -4px;
  color: var(--muted);
  font-size: .86rem;
  font-weight: 600;
  background: var(--ck-legacy-blue-soft,#F7FBFF);
  border: 1px dashed rgba(36,88,166,.16);
  border-radius: var(--radius-card);
  padding: 10px 12px;
}

@media (max-width:900px) {
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .recheck-card {
  flex-direction: column;
  align-items: stretch;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .recheck-controls {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .recheck-controls .btn {
  width: 100%;
}
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .recheck-card form.recheck-controls {
  margin: 0;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .recheck-controls .btn {
  min-height: 46px;
  white-space: nowrap;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .found-summary-panel {
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .version-pill-v7 {
  background: var(--ck-legacy-success-soft,#EAF9F1) !important;
  color: var(--ck-legacy-success,#167048) !important;
  border-color: rgba(31,143,95,.22) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-panel,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .found-summary-panel,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .panel {
  overflow: visible !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-panel {
  grid-column: 1 / -1 !important;
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: 10px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-actions {
  z-index: 5 !important;
  padding-top: 10px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #addAllocationRow,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-remove {
  position: relative !important;
  z-index: 10 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .form-main-actions,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .actions {
  clear: both !important;
  position: relative !important;
  z-index: 20 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .form-main-actions {
  margin-top: 18px !important;
  padding-top: 14px !important;
  border-top: 1px dashed rgba(var(--ck-legacy-line-rgb,108,91,123),0.16) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .found-summary-panel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-workspace {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-panel {
  display: block !important;
  grid-column: auto !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #allocationCloneRow {
  display: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .form-main-actions {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  clear: both !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #addAllocationRow,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-remove {
  pointer-events: auto !important;
  cursor: pointer !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #allocationCloneRow,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-clone-row {
  display: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #addAllocationRow,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-remove,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #finalReplaceBtn {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 999 !important;
  cursor: pointer !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 150px 42px !important;
  gap: 8px !important;
  align-items: center !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-row select {
  min-height: 44px !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  position: relative !important;
  z-index: 50 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .confirm-card,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-card {
  position: relative !important;
  z-index: 40 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-workspace,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .found-summary-panel,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .confirm-card,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-card,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .form-main-actions,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .actions {
  display: block;
  visibility: visible !important;
  opacity: 1 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .actions,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .form-main-actions,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-actions {
  display: flex !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #allocationRows .allocation-row {
  display: grid !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #allocationCloneRow,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #allocationCloneRow.allocation-row,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-clone-row {
  display: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #addAllocationRow,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #allocationRows .allocation-remove,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #finalReplaceBtn {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 1000 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) #finalReplaceBtn:disabled {
  opacity: .55;
  cursor: not-allowed !important;
}

:root:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) {
  --border: rgba(39,58,77,.08) !important;
  --glass: rgba(255,255,255,.66) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  color: var(--text) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  transform: translateZ(0);
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) header,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) main,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .page-shell {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .sidebar a {
  color: var(--primary-dark) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .sidebar a:hover,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .sidebar a.active {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--primary-dark) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .toggle-btn {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .page-shell {
  padding: 18px 0 36px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .hero {
  display: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .app-topbar.top-control-section {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .brand-orb {
  flex: 0 0 118px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .brand-orb img {
  width: 116px !important;
  height: 116px !important;
  object-fit: contain !important;
  display: block !important;
  filter: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .app-kicker {
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .brand-cluster h1 {
  margin: 3px 0 0 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .app-topbar .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .app-topbar .back-btn,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .app-topbar .primary-chip {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .topbar-reference-line {
  width: 100% !important;
  margin: 10px 10px 12px !important;
  border-radius: var(--radius-card) !important;
  pointer-events: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .tool-workspace {
  display: grid !important;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .tool-side-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 14px !important;
  z-index: 2 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .tool-main-stack {
  min-width: 0 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-intro-card,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-intro-card {
  min-height: 250px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-intro-card h2,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .panel,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .found-card,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .summary-card,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-panel,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-card,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .confirm-card,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .recheck-card,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .warning-box,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .table-scroll {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .panel-title,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) label,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .summary-value,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-title,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .confirm-title {
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .panel-sub,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .summary-label,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-help {
  color: var(--color-muted) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) input,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) select {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--color-ink) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) input:focus,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) select:focus {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .btn-primary {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .btn-ghost {
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .btn-danger {
  color: #fff !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) th {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.96) !important;
  color: var(--color-blue-deep) !important;
  border-bottom: 1px solid rgba(53,92,125,.12) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) table {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) td {
  border-bottom: 1px solid rgba(39,58,77,.06) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .count-badge,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .split-badge,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .allocation-total,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-status {
  background: var(--color-blue-soft) !important;
  color: var(--color-blue) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .notice.good {
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.86) !important;
  color: var(--ck-legacy-success,#167048) !important;
  border-color: rgba(31,143,95,.20) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .notice.bad {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,240,242),0.88) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .found-grid,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .summary-grid,
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .outcome-grid {
  gap: 10px !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .tool-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .tool-side-stack {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .topbar-main-row {
  flex-direction: column !important;
  align-items: flex-start !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .brand-orb {
  flex-basis: 76px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .brand-orb img {
  width: 76px !important;
  height: 76px !important;
}

:where(html[data-chekku-page="executive-performance-defect-replace"],html[data-chekku-page="waste-analysis-defect-replace"]) .tool-side-stack {
  grid-template-columns: 1fr !important;
}
}

/* MODULE: executive_performance/index.php */

:root:where(html[data-chekku-page="executive-performance-index"]) {
  --glass: rgba(255,255,255,.72);
  --border: rgba(39,58,77,.08);
  --green: #1F8F5F;
  --red: #B42318;
  --orange: #8A5200;
  --blue: var(--color-blue);
  --track: rgba(53,92,125,.10);
}

:where(html[data-chekku-page="executive-performance-index"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="executive-performance-index"]),
:where(html[data-chekku-page="executive-performance-index"]) body {
  height: 100%;
  overflow-x: hidden;
}

:where(html[data-chekku-page="executive-performance-index"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
  background-attachment: fixed;
}

:where(html[data-chekku-page="executive-performance-index"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: var(--color-surface);
  z-index: -1;
}

:where(html[data-chekku-page="executive-performance-index"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  overflow-x: hidden;
}

:where(html[data-chekku-page="executive-performance-index"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--color-blue-deep);
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="executive-performance-index"]) .sidebar a:hover {
  background: rgba(53,92,125,.10);
}

:where(html[data-chekku-page="executive-performance-index"]) .sidebar a.active {
  background: var(--color-blue-soft);
  border: 1px solid rgba(53,92,125,.22);
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="executive-performance-index"]) .sidebar-logo {
  display: block;
  width: 190px;
  margin: 20px auto 22px;
  filter: none;
  opacity: .95;
}

:where(html[data-chekku-page="executive-performance-index"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="executive-performance-index"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="executive-performance-index"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .95rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .page-shell {
  padding: 22px 0 34px;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 280px;
  margin-bottom: 18px;
  padding: 28px 26px;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="executive-performance-index"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.16);
  margin-bottom: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero-grid {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero-mascot {
  position: absolute;
  left: 2px;
  bottom: -8px;
  width: min(29vw, 310px);
  max-width: 310px;
  min-width: 200px;
  z-index: 0;
  pointer-events: none;
  opacity: .98;
  filter: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero-mascot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 840px;
  padding-left: 6px;
}

:where(html[data-chekku-page="executive-performance-index"]) h1,
:where(html[data-chekku-page="executive-performance-index"]) .hero-copy h1 {
  margin: 0;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero p,
:where(html[data-chekku-page="executive-performance-index"]) .hero-copy p {
  margin: 0;
  max-width: 760px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="executive-performance-index"]) .meta-pill,
:where(html[data-chekku-page="executive-performance-index"]) .badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(39,58,77,.08);
  color: var(--color-blue-deep);
  font-size: .9rem;
  font-weight: 600;
  backdrop-filter: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-top-chip {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.28);
  transition: .2s ease;
  white-space: nowrap;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-top-chip.is-on {
  background: var(--ck-legacy-success-soft,#EAF7EF) !important;
  color: var(--ck-legacy-success,#0F6A47) !important;
  border-color: var(--ck-legacy-line,#9DD8BC) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-top-chip.is-off {
  background: var(--ck-legacy-danger-soft,#FFF0F0) !important;
  color: var(--ck-legacy-danger,#9D1C1C) !important;
  border-color: var(--ck-legacy-line,#F2B8B5) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-top-chip:hover {
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

:where(html[data-chekku-page="executive-performance-index"]) .btn {
  appearance: none;
  border: none;
  border-radius: var(--radius-control);
  padding: .78rem 1rem;
  font-weight: 600;
  font-size: .92rem;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  min-height: 46px;
}

:where(html[data-chekku-page="executive-performance-index"]) .btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="executive-performance-index"]) .btn-primary {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
  border: 1px solid rgba(8,42,85,.22);
}

:where(html[data-chekku-page="executive-performance-index"]) .btn-export {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
  border: 1px solid rgba(217,101,0,.22);
}

:where(html[data-chekku-page="executive-performance-index"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--color-blue-deep);
  border: 1px solid rgba(53,92,125,.14);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .btn-ghost:hover {
  background: var(--color-surface);
}

:where(html[data-chekku-page="executive-performance-index"]) .panel {
  overflow: hidden;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="executive-performance-index"]) .panel + .panel {
  margin-top: 16px;
}

:where(html[data-chekku-page="executive-performance-index"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="executive-performance-index"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .panel-sub {
  margin-top: 4px;
}

:where(html[data-chekku-page="executive-performance-index"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 12px;
  align-items: end;
}

:where(html[data-chekku-page="executive-performance-index"]) label {
  display: block;
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .9rem;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="executive-performance-index"]) input,
:where(html[data-chekku-page="executive-performance-index"]) select {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(39,58,77,.12);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  padding: 10px 12px;
  color: var(--color-ink);
  font-weight: 600;
  outline: none;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .kpi-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .kpi {
  position: relative;
  overflow: hidden;
  padding: 18px;
}

:where(html[data-chekku-page="executive-performance-index"]) .kpi::after {
  content: none !important;
  position: absolute;
  right: -30px;
  top: -30px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .kpi-label {
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="executive-performance-index"]) .kpi-value {
  margin-top: 7px;
}

:where(html[data-chekku-page="executive-performance-index"]) .kpi-sub {
  margin-top: 7px;
  color: var(--color-muted);
  font-weight: 600;
  font-size: .88rem;
  line-height: 1.35;
}

:where(html[data-chekku-page="executive-performance-index"]) .two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: start;
  margin-top: 16px;
}

:where(html[data-chekku-page="executive-performance-index"]) .table-scroll {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(39,58,77,.08);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 520px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="executive-performance-index"]) th,
:where(html[data-chekku-page="executive-performance-index"]) td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(39,58,77,.07);
  text-align: left;
  vertical-align: top;
  font-size: .93rem;
}

:where(html[data-chekku-page="executive-performance-index"]) th {
  background: var(--color-blue-soft);
  color: var(--color-blue-deep);
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="executive-performance-index"]) tr:last-child td {
  border-bottom: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .breakdown-card {
  margin-top: 14px;
  padding: 16px;
}

:where(html[data-chekku-page="executive-performance-index"]) .breakdown-title {
  margin: 0 0 10px;
}

:where(html[data-chekku-page="executive-performance-index"]) .bar-list {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
  min-width: 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .bar-list td {
  border: 0;
  background: transparent;
  padding: 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .visual-bar {
  width: 100%;
  border-collapse: collapse;
  margin-top: 6px;
  background: var(--color-blue-soft);
  border-radius: var(--radius-card);
  overflow: hidden;
  min-width: 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .visual-bar td {
  height: 12px;
  line-height: 12px;
  font-size: 1px;
  padding: 0;
  border: 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .stacked-grade-bar {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: var(--radius-card) !important;
  overflow: hidden !important;
  background: var(--color-blue-soft) !important;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .driver-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin-top: 14px;
}

:where(html[data-chekku-page="executive-performance-index"]) .driver-card {
  position: relative;
  overflow: hidden;
  padding: 16px;
}

:where(html[data-chekku-page="executive-performance-index"]) .driver-label {
  font-size: .78rem;
  color: var(--color-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="executive-performance-index"]) .driver-value {
  margin-top: 6px;
  color: var(--color-ink);
  font-size: 1.12rem;
  font-weight: 600;
  line-height: 1.2;
}

:where(html[data-chekku-page="executive-performance-index"]) .driver-sub {
  margin-top: 5px;
  color: var(--color-muted);
  font-weight: 600;
  font-size: .85rem;
}

:where(html[data-chekku-page="executive-performance-index"]) .compact-chart-box {
  padding: 10px 8px 8px 8px;
  overflow: hidden;
  max-width: 100%;
}

:where(html[data-chekku-page="executive-performance-index"]) .vertical-chart,
:where(html[data-chekku-page="executive-performance-index"]) .vertical-chart table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .vertical-chart td {
  overflow: hidden;
  box-sizing: border-box;
  border: 0;
  background: transparent;
}

:where(html[data-chekku-page="executive-performance-index"]) .farm-track {
  position: relative;
  background: var(--color-blue-soft) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .farm-fill {
  display: block;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-panel {
  grid-column: 1 / -1;
  background: var(--color-surface);
  border: 1px solid rgba(39,58,77,.08);
  border-radius: var(--radius-card);
  padding: 14px;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-panel-title {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-panel-title label {
  margin: 0;
  color: var(--color-blue-deep);
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-help {
  color: var(--color-muted);
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-mini-btn {
  appearance: none;
  border: 1px solid rgba(53,92,125,.16);
  background: var(--color-surface);
  color: var(--color-blue-deep);
  border-radius: var(--radius-control);
  padding: 7px 10px;
  font-size: .78rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-mini-btn:hover {
  background: var(--color-blue-soft);
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-check-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  max-height: 260px;
  overflow: auto;
  padding: 4px 4px 2px;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-check {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid rgba(39,58,77,.08);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: none;
  cursor: pointer;
  transition: background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .06s ease;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-check:hover {
  background: var(--color-surface);
  border-color: rgba(53,92,125,.22);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-box {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: var(--radius-card);
  border: 2px solid rgba(53,92,125,.28);
  background: var(--color-surface);
  display: grid;
  place-items: center;
  color: var(--color-ink);
  font-size: .86rem;
  font-weight: 600;
  line-height: 1;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-name {
  min-width: 0;
  color: var(--color-ink);
  font-weight: 600;
  font-size: .9rem;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-check input:checked + .variety-box {
  background: var(--color-surface);
  border-color: var(--color-blue-deep);
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-check input:checked + .variety-box::before {
  content: "✓";
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-check:has(input:checked) {
  background: var(--color-blue-soft);
  border-color: rgba(53,92,125,.30);
}

:where(html[data-chekku-page="executive-performance-index"]) .muted {
  color: var(--color-muted);
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .footer-space {
  height: 6px;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="executive-performance-index"]) .form-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

:where(html[data-chekku-page="executive-performance-index"]) .variety-check-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="executive-performance-index"]) .hero-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero {
  min-height: auto;
  padding-bottom: 22px;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero-mascot {
  width: 220px;
  left: -12px;
  bottom: -6px;
  opacity: .24;
}

:where(html[data-chekku-page="executive-performance-index"]) .two-col,
:where(html[data-chekku-page="executive-performance-index"]) .defect-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="executive-performance-index"]) .kpi-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="executive-performance-index"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero-top,
:where(html[data-chekku-page="executive-performance-index"]) .panel-head {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero-mascot {
  width: 180px;
  left: -24px;
  bottom: -6px;
  opacity: .18;
}

:where(html[data-chekku-page="executive-performance-index"]) .hero-copy {
  padding-left: 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .form-grid,
:where(html[data-chekku-page="executive-performance-index"]) .driver-grid,
:where(html[data-chekku-page="executive-performance-index"]) .kpi-grid,
:where(html[data-chekku-page="executive-performance-index"]) .variety-check-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="executive-performance-index"]) .btn {
  width: 100%;
}
}

:where(html[data-chekku-page="executive-performance-index"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="executive-performance-index"]) body::before,
:where(html[data-chekku-page="executive-performance-index"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .page-shell {
  padding-top: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-topbar {
  position: relative;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-topbar::after {
  content: "";
  display: block;
  height: 1px;
  margin-top: 14px;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-topbar.top-control-section {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-topbar.top-control-section::before,
:where(html[data-chekku-page="executive-performance-index"]) .app-topbar.top-control-section::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-topbar-main.topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-brand-block.brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-brand-logo {
  width: 132px !important;
  height: 132px !important;
  flex: 0 0 132px !important;
  object-fit: contain !important;
  display: block !important;
  filter: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-brand-block h1 {
  margin: 3px 0 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-brand-sub {
  margin-top: 8px;
  color: var(--color-muted);
  font-weight: 600;
  max-width: 760px;
  line-height: 1.5;
  font-size: .96rem;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-actions.topbar-actions,
:where(html[data-chekku-page="executive-performance-index"]) .topbar-actions.primary-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-topbar .chip,
:where(html[data-chekku-page="executive-performance-index"]) .topbar-actions .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
  font-family: var(--font-ui) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-topbar button.chip {
  appearance: none !important;
  cursor: pointer !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-topbar .back-btn,
:where(html[data-chekku-page="executive-performance-index"]) .app-topbar .filter-chip-top {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-topbar .export-chip {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.4) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-summary-card {
  padding: 16px 18px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-summary-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-summary-title {
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--color-blue-deep);
  margin: 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-summary-sub {
  margin-top: 4px;
  color: var(--color-muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  text-decoration: none;
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.13);
  color: var(--color-blue-deep);
  box-shadow: none;
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
  z-index: 1390;
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: 460px;
  max-width: min(92vw,500px);
  transform: translateX(110%);
  transition: transform .28s ease;
  z-index: 1400;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-drawer.open {
  transform: translateX(0);
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-drawer header {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 12px 16px;
  background: var(--color-surface);
  border-bottom: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-drawer header .title {
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-drawer header .subtitle {
  font-size: .9rem;
  color: var(--muted);
}

:where(html[data-chekku-page="executive-performance-index"]) .drawer-body {
  padding: 14px 16px;
  overflow: auto;
  flex: 1;
}

:where(html[data-chekku-page="executive-performance-index"]) .drawer-footer {
  position: sticky;
  bottom: 0;
  padding: 12px 16px;
  display: flex;
  gap: .6rem;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  background: var(--color-surface);
}

:where(html[data-chekku-page="executive-performance-index"]) .drawer-footer .btn {
  min-height: 44px;
}

:where(html[data-chekku-page="executive-performance-index"]) .quick-chip-section {
  margin-bottom: 1rem;
  padding: 12px;
  border-radius: var(--radius-control);
  background: rgba(var(--ck-legacy-blue-soft-rgb,246,238,255),0.72);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
}

:where(html[data-chekku-page="executive-performance-index"]) .quick-chip-title {
  color: var(--color-purple);
  font-weight: 600;
  font-size: .88rem;
  margin-bottom: .55rem;
}

:where(html[data-chekku-page="executive-performance-index"]) .quick-chips {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: .75rem;
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-chip {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  background: var(--ck-legacy-blue-soft,#f7f2ff);
  color: var(--ck-legacy-accent,#5a2b84);
  padding: .45rem .7rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  font-size: .85rem;
  cursor: pointer;
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-chip-reset {
  background: var(--color-surface);
  color: var(--ck-legacy-danger,#b00020);
  border-color: var(--ck-legacy-line,#f1c9cf);
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-chip.active {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(74,20,140,.35);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-grid {
  display: grid;
  grid-template-columns: repeat(1,minmax(220px,1fr));
  gap: 1rem;
}

:where(html[data-chekku-page="executive-performance-index"]) .input-group label {
  display: block;
  font-weight: 600;
  color: var(--color-purple);
  margin-bottom: .35rem;
}

:where(html[data-chekku-page="executive-performance-index"]) .input-wrap select,
:where(html[data-chekku-page="executive-performance-index"]) .input-wrap input {
  width: 100%;
  height: 44px;
  padding: .55rem .75rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#1E1B2A);
  font-weight: 600;
  font-size: .95rem;
  outline: none;
  box-sizing: border-box;
}

:where(html[data-chekku-page="executive-performance-index"]) .calendar-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-help {
  margin-top: 8px;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.4;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-drawer .variety-panel {
  grid-column: 1 / -1;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.1);
  box-shadow: none;
  padding: 12px;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-drawer .variety-check-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
  max-height: 280px;
}

@media (max-width:760px) {
:where(html[data-chekku-page="executive-performance-index"]) .app-topbar-main.topbar-main-row {
  flex-direction: column !important;
  align-items: flex-start !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-actions.topbar-actions {
  width: 100% !important;
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-topbar .chip,
:where(html[data-chekku-page="executive-performance-index"]) .topbar-actions .chip {
  width: auto !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-summary-head {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="executive-performance-index"]) .calendar-two-col {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-drawer {
  width: 100%;
  max-width: 100vw;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .filters-drawer.open {
  transform: translateX(0) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-v26 {
  width: 100%;
  height: 250px;
  display: grid;
  grid-template-columns: repeat(7,minmax(0,1fr));
  gap: 9px;
  align-items: end;
  padding: 10px 8px 8px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(39,58,77,.08);
  box-shadow: none;
  overflow: hidden;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-col-v26 {
  height: 100%;
  min-width: 0;
  display: grid;
  grid-template-rows: 18px minmax(0,1fr) 32px;
  align-items: end;
  text-align: center;
  overflow: hidden;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-pct-v26 {
  color: var(--color-ink);
  font-size: .72rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-bar-space-v26 {
  position: relative;
  height: 168px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-bottom: 1px solid rgba(39,58,77,.14);
  overflow: visible;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-count-above-v26 {
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--color-ink);
  font-size: .66rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  z-index: 2;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-bar-v26 {
  width: 18px;
  min-height: 10px;
  border-radius: var(--radius-card) var(--radius-card) var(--radius-card) var(--radius-card);
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-bar-v26 span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: var(--color-ink);
  font-size: .58rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-name-v26 {
  color: var(--color-ink);
  font-size: .66rem;
  font-weight: 600;
  line-height: 1.08;
  padding-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width:980px) {
:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-v26 {
  height: 270px;
  gap: 10px;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-bar-space-v26 {
  height: 185px;
}
}

@media (max-width:620px) {
:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-v26 {
  grid-template-columns: repeat(4,minmax(0,1fr));
  height: auto;
  min-height: 360px;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-summary-card .btn,
:where(html[data-chekku-page="executive-performance-index"]) .filter-summary-card button,
:where(html[data-chekku-page="executive-performance-index"]) .filter-summary-card a.btn {
  display: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #openFilters,
:where(html[data-chekku-page="executive-performance-index"]) .filter-chip-top,
:where(html[data-chekku-page="executive-performance-index"]) .export-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersBackdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1390 !important;
  background: rgba(16,12,40,.45) !important;
  backdrop-filter: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .2s ease !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer {
  position: fixed !important;
  inset: 0 0 0 auto !important;
  width: 460px !important;
  max-width: min(92vw,500px) !important;
  height: 100vh !important;
  border-left: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.15) !important;
  transform: translateX(110%) !important;
  transition: transform .28s ease !important;
  z-index: 1400 !important;
  flex-direction: column !important;
  backdrop-filter: none !important;
  overflow-x: hidden !important;
}

:where(html[data-chekku-page="executive-performance-index"]) body.filters-open {
  overflow: hidden !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid .panel {
  overflow: visible !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-v28 {
  width: 100% !important;
  height: 280px !important;
  grid-template-columns: repeat(7,minmax(0,1fr)) !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 12px 10px 10px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(39,58,77,.08) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-col-v28 {
  height: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: 20px minmax(0,1fr) 34px !important;
  align-items: end !important;
  text-align: center !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-pct-v28 {
  color: var(--color-ink) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-bar-space-v28 {
  position: relative !important;
  height: 198px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  border-bottom: 1px solid rgba(39,58,77,.16) !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-count-above-v28 {
  position: absolute !important;
  top: 2px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: var(--color-ink) !important;
  font-size: .66rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  z-index: 2 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-bar-v28 {
  width: 18px !important;
  min-height: 10px !important;
  border-radius: var(--radius-card) var(--radius-card) var(--radius-card) var(--radius-card) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-bar-v28 span {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  color: var(--color-ink) !important;
  font-size: .58rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-name-v28 {
  color: var(--color-ink) !important;
  font-size: .66rem !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  padding-top: 7px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width:620px) {
:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-v28 {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  height: auto !important;
  min-height: 390px !important;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-summary-head > div:empty {
  display: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #openFilters {
  cursor: pointer !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer {
  display: flex !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer.open {
  transform: translateX(0) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersBackdrop.show {
  opacity: 1 !important;
  pointer-events: auto !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-v28 {
  display: grid !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid {
  gap: 18px !important;
  margin-top: 18px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid > .panel {
  min-height: 430px !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid .panel-title {
  min-height: 30px !important;
  margin: 0 0 12px 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid .panel > div[style*="margin-top"] {
  margin-top: 0 !important;
  flex: 1 !important;
  display: flex !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-card-v31 {
  width: 100% !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 12px !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(39,58,77,.08) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-summary-v31 {
  display: grid !important;
  grid-template-columns: 1.35fr .95fr .8fr !important;
  gap: 8px !important;
  align-items: stretch !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-summary-tile-v31 {
  min-width: 0 !important;
  padding: 9px 10px !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(39,58,77,.07) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-summary-tile-v31 span {
  display: block !important;
  color: var(--color-muted) !important;
  font-size: .66rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-summary-tile-v31 strong {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-ink) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-v31 {
  width: 100% !important;
  height: 285px !important;
  display: grid !important;
  grid-template-columns: repeat(7,minmax(0,1fr)) !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 6px 2px 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-col-v31 {
  height: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: 22px minmax(0,1fr) 38px !important;
  align-items: end !important;
  text-align: center !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-pct-v31 {
  color: var(--color-ink) !important;
  font-size: .74rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-bar-space-v31 {
  position: relative !important;
  height: 212px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  border-bottom: 1px solid rgba(39,58,77,.16) !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-count-above-v31 {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: var(--color-ink) !important;
  font-size: .67rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  z-index: 2 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-bar-v31 {
  width: 20px !important;
  min-height: 12px !important;
  border-radius: var(--radius-card) var(--radius-card) var(--radius-card) var(--radius-card) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-bar-v31 span {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  color: var(--color-ink) !important;
  font-size: .58rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-name-v31 {
  color: var(--color-ink) !important;
  font-size: .68rem !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  padding-top: 8px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-empty-v31 {
  width: 100% !important;
  min-height: 300px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(39,58,77,.08) !important;
}

@media (max-width:1080px) {
:where(html[data-chekku-page="executive-performance-index"]) .defect-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid > .panel {
  min-height: 420px !important;
}
}

@media (max-width:620px) {
:where(html[data-chekku-page="executive-performance-index"]) .defect-summary-v31 {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-v31 {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  height: auto !important;
  min-height: 420px !important;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid > .panel {
  height: auto !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid > .panel:has(.defect-chart-card-v32.is-empty) {
  padding-bottom: 18px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-wrap {
  width: 100% !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-card-v32.is-empty {
  width: 100% !important;
  min-height: 150px !important;
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(39,58,77,.08) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-empty-v32 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 96px !important;
  width: 100% !important;
  color: var(--color-muted) !important;
  font-weight: 600 !important;
  font-size: .98rem !important;
  text-align: center !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px dashed rgba(53,92,125,.16) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-card-v31 {
  min-height: 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid .panel-title {
  margin-bottom: 10px !important;
}

@media (max-width:1080px) {
:where(html[data-chekku-page="executive-performance-index"]) .defect-grid > .panel {
  min-height: 0 !important;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .page-shell {
  padding-top: 10px !important;
  padding-bottom: 26px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .panel {
  margin-bottom: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .panel + .panel {
  margin-top: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-summary-card {
  margin-bottom: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .kpi-grid {
  gap: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .breakdown-card {
  margin-top: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .driver-grid {
  gap: 10px !important;
  margin-top: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid > .panel {
  min-height: 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid .panel-title {
  margin-bottom: 8px !important;
  min-height: 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-wrap {
  margin-top: 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-card-v31 {
  gap: 8px !important;
  padding: 10px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-summary-v31 {
  gap: 7px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-summary-tile-v31 {
  padding: 8px 9px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-v31 {
  height: 255px !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-bar-space-v31 {
  height: 188px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-col-v31 {
  grid-template-rows: 20px minmax(0,1fr) 34px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-name-v31 {
  padding-top: 6px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) section.panel:has(.farm-bars-filled),
:where(html[data-chekku-page="executive-performance-index"]) section.panel:has(.table-scroll) {
  margin-top: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .farm-bar-row {
  padding-top: 7px !important;
  padding-bottom: 8px !important;
}

@media (max-width:1080px) {
:where(html[data-chekku-page="executive-performance-index"]) .defect-grid {
  gap: 10px !important;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid > .panel,
:where(html[data-chekku-page="executive-performance-index"]) .defect-grid > .panel + .panel {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: stretch !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid > .panel {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid .defect-chart-wrap {
  flex: 1 !important;
  display: flex !important;
  margin-top: 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid .defect-chart-card-v31,
:where(html[data-chekku-page="executive-performance-index"]) .defect-grid .defect-chart-card-v32 {
  flex: 1 !important;
}

@media (max-width:1080px) {
:where(html[data-chekku-page="executive-performance-index"]) .defect-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid > .panel + .panel {
  margin-top: 10px !important;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-selection-panel {
  margin-top: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-empty {
  width: 100%;
  min-height: 92px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px dashed rgba(53,92,125,.20);
  color: var(--color-muted);
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  max-height: 430px;
  overflow: auto;
  padding: 2px 3px 4px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card {
  position: relative;
  display: block;
  min-height: 164px;
  padding: 8px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(39,58,77,.08);
  box-shadow: none;
  cursor: pointer;
  overflow: hidden;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card img {
  width: 100%;
  height: 112px;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  border: 1px solid rgba(39,58,77,.06);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card.photo-missing img {
  display: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card.photo-missing::after {
  content: "Photo preview unavailable";
  display: grid;
  place-items: center;
  height: 112px;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  color: var(--color-muted);
  font-weight: 600;
  font-size: .82rem;
  text-align: center;
  padding: 10px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-check {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: transparent;
  border: 1px solid rgba(39,58,77,.16);
  font-weight: 600;
  z-index: 2;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card input:checked + .photo-check {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.6);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card:has(input:checked) {
  border-color: rgba(53,92,125,.40);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-meta {
  display: block;
  margin-top: 8px;
  min-width: 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-meta strong {
  display: block;
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .82rem;
  line-height: 1.1;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-meta small {
  display: block;
  margin-top: 3px;
  color: var(--color-muted);
  font-weight: 600;
  font-size: .74rem;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width:1080px) {
:where(html[data-chekku-page="executive-performance-index"]) .photo-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="executive-performance-index"]) .photo-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar {
  justify-content: flex-start;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar .btn {
  width: auto;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 {
  display: grid;
  grid-template-columns: minmax(260px,1fr) auto auto auto auto;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-search-v48 {
  min-height: 44px;
  border: 1px solid rgba(39,58,77,.12);
  border-radius: var(--radius-card);
  padding: 10px 12px;
  font-weight: 600;
  background: var(--color-surface);
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-library-note-v48 {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#F2F8FF);
  border: 1px solid rgba(53,92,125,.12);
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-groups-v48 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 620px;
  overflow: auto;
  padding: 2px 4px 4px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48 {
  border: 1px solid rgba(39,58,77,.09);
  border-radius: var(--radius-card);
  background: var(--color-surface);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48[open] {
  background: var(--color-surface);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48 summary {
  list-style: none;
  cursor: pointer;
  padding: 13px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--color-blue-deep);
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-title-v48 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-title-v48 strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-title-v48 span {
  color: var(--color-muted);
  font-size: .82rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-count-v48 {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  color: var(--color-blue);
  border: 1px solid rgba(53,92,125,.13);
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-grid-v48 {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  padding: 0 12px 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v48 {
  position: relative;
  display: block;
  padding: 8px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(39,58,77,.08);
  box-shadow: none;
  cursor: pointer;
  overflow: hidden;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v48 input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v48 img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  border: 1px solid rgba(39,58,77,.06);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v48.is-loading img {
  filter: saturate(.85);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v48.photo-missing img {
  display: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v48.photo-missing::after {
  content: "Preview unavailable";
  display: grid;
  place-items: center;
  height: 120px;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  color: var(--color-muted);
  font-weight: 600;
  font-size: .82rem;
  text-align: center;
  padding: 10px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v48 input:checked + .photo-check {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.6);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v48:has(input:checked) {
  border-color: rgba(53,92,125,.44);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-caption-v48 {
  display: block;
  margin-top: 8px;
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .79rem;
  line-height: 1.25;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-caption-v48 small {
  display: block;
  color: var(--color-muted);
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-keyword-tags-v48 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 7px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-keyword-tags-v48 span {
  display: inline-flex;
  padding: 4px 7px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-warning-soft,#FFF4E8);
  color: var(--ck-legacy-warning,#9A4B00);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.14);
  font-size: .68rem;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48.is-hidden,
:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v48.is-hidden {
  display: none !important;
}

@media (max-width:1080px) {
:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 {
  grid-template-columns: 1fr 1fr;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-grid-v48 {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-grid-v48 {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin: 10px 0;
  align-items: stretch;
}

:where(html[data-chekku-page="executive-performance-index"]) .trend-panel {
  min-height: 360px;
  display: flex;
  flex-direction: column;
}

:where(html[data-chekku-page="executive-performance-index"]) .trend-panel .panel-head {
  margin-bottom: 10px;
}

:where(html[data-chekku-page="executive-performance-index"]) .trend-chart-wrap {
  position: relative;
  flex: 1;
  min-height: 260px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(39,58,77,.08);
  box-shadow: none;
  padding: 14px;
  overflow: hidden;
}

:where(html[data-chekku-page="executive-performance-index"]) .trend-chart-wrap canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

@media (max-width:1080px) {
:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid {
  grid-template-columns: 1fr;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin: 10px 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid > .panel,
:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid > .panel + .panel {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: stretch !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid > .trend-panel {
  height: 100% !important;
  min-height: 360px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 14px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid .panel-head {
  min-height: 72px !important;
  margin-bottom: 8px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid .panel-title {
  margin: 0 !important;
  min-height: 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid .panel-sub {
  margin-top: 5px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid .trend-chart-wrap {
  flex: 1 !important;
  min-height: 260px !important;
  height: 260px !important;
}

@media (max-width:1080px) {
:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid > .panel + .panel {
  margin-top: 10px !important;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-selection-panel {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid {
  align-items: start !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid > .trend-panel {
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid .trend-chart-wrap {
  position: relative !important;
  flex: 0 0 280px !important;
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid .trend-chart-wrap canvas {
  position: absolute !important;
  inset: 14px !important;
  width: calc(100% - 28px) !important;
  height: 252px !important;
  max-height: 252px !important;
  display: block !important;
}

@media (max-width:1080px) {
:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid .trend-chart-wrap {
  flex-basis: 260px !important;
  height: 260px !important;
  min-height: 260px !important;
  max-height: 260px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .good-fruit-trend-grid .trend-chart-wrap canvas {
  height: 232px !important;
  max-height: 232px !important;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-grid {
  gap: 14px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-card-h {
  border: 1px solid rgba(53,92,125,.10);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: none;
  padding: 14px;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-chart-card-h.is-empty {
  display: grid;
  place-items: center;
  min-height: 220px;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-empty-h {
  color: var(--ck-legacy-accent,#5A6880);
  font-weight: 600;
  text-align: center;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-summary-h {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-summary-tile-h {
  border: 1px solid rgba(53,92,125,.10);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  padding: 10px 12px;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-summary-tile-h span {
  display: block;
  color: var(--ck-legacy-accent,#4F6078);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 4px;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-summary-tile-h strong {
  display: block;
  color: var(--color-blue-deep);
  font-size: 1.08rem;
  line-height: 1.2;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-horizontal-list {
  display: grid;
  gap: 10px;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-row-h {
  border: 1px solid rgba(53,92,125,.10);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  padding: 10px 12px;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-row-head-h {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-name-h {
  min-width: 0;
  color: var(--color-blue-deep);
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.25;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-metrics-h {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  white-space: nowrap;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-metrics-h .pct {
  color: var(--color-blue-deep);
  font-size: .84rem;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-metrics-h .count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 9px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.10);
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-track-h {
  position: relative;
  height: 14px;
  border-radius: var(--radius-card);
  overflow: hidden;
  background: rgba(53,92,125,.10);
  border: 1px solid rgba(53,92,125,.08);
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-bar-h {
  height: 100%;
  border-radius: var(--radius-card);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-selection-panel {
  padding: 16px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-selection-panel .panel-head {
  margin-bottom: 12px !important;
  align-items: center !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-selection-panel .panel-sub {
  max-width: 920px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-selection-panel .panel-chip {
  flex: 0 0 auto;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-library-note-v48 {
  margin: 0 0 12px !important;
  padding: 12px 14px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.10) !important;
  color: var(--ck-legacy-accent,#4B5B72) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 {
  grid-template-columns: minmax(280px,1fr) repeat(4, auto);
  gap: 10px !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-search-v48 {
  min-height: 44px !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(53,92,125,.12) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 > .btn-ghost {
  grid-column: 1 / 2;
  width: 100%;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 > .btn-primary {
  grid-column: 2 / -1;
  width: 100%;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-groups-v48 {
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(53,92,125,.10);
  border-radius: var(--radius-card);
  background: var(--color-surface);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48 {
  border: 1px solid rgba(53,92,125,.10) !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  overflow: hidden;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48 summary {
  position: relative;
  min-height: 0 !important;
  padding: 12px 48px 12px 14px !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48 summary::-webkit-details-marker {
  display: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48 summary::after {
  content: "▾";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-blue-deep);
  font-size: .95rem;
  font-weight: 600;
  transition: transform .18s ease;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48[open] summary::after {
  transform: translateY(-50%) rotate(180deg);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-title-v48 strong {
  color: var(--color-blue-deep);
  font-size: 1rem;
  line-height: 1.2;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-title-v48 span {
  color: var(--ck-legacy-accent,#5A6880);
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.25;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-count-v48 {
  background: var(--color-blue-soft) !important;
  border: 1px solid rgba(53,92,125,.10) !important;
  color: var(--color-blue) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-grid-v48 {
  padding: 12px !important;
  grid-template-columns: repeat(auto-fill,minmax(150px,1fr)) !important;
  gap: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v48 {
  padding: 8px !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(53,92,125,.10) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v48 img {
  height: 116px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-caption-v48 {
  padding-top: 8px !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  line-height: 1.32 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-caption-v48 small {
  margin-top: 4px;
  color: var(--ck-legacy-muted,#6A7A90) !important;
  font-size: .71rem !important;
  line-height: 1.2 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-keyword-tags-v48 {
  gap: 6px !important;
  margin-top: 7px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-keyword-tags-v48 span {
  padding: 4px 7px !important;
  font-size: .68rem !important;
  border-radius: var(--radius-card) !important;
  background: var(--ck-legacy-blue-soft,#F5F8FC) !important;
  border: 1px solid rgba(53,92,125,.10) !important;
  color: var(--ck-legacy-accent,#52647C) !important;
}

@media (max-width: 1180px) {
:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 {
  grid-template-columns: minmax(220px,1fr) repeat(2, auto);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 > .btn-ghost {
  grid-column: 1 / 2;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 > .btn-primary {
  grid-column: 2 / 4;
}
}

@media (max-width: 980px) {
:where(html[data-chekku-page="executive-performance-index"]) .defect-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-summary-h {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 {
  grid-template-columns: 1fr 1fr !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-search-v48 {
  grid-column: 1 / -1;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 > .btn-ghost,
:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 > .btn-primary {
  grid-column: auto !important;
  width: 100%;
}
}

@media (max-width: 720px) {
:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v48 > * {
  grid-column: auto !important;
  width: 100%;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-row-head-h {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-metrics-h {
  width: 100%;
  justify-content: space-between;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-drivers-panel {
  padding: 16px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-drivers-head {
  align-items: center !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-drivers-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  align-items: stretch;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid rgba(53,92,125,.11);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: none;
  padding: 14px;
  overflow: hidden;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard.class2 {
  background: var(--color-surface);
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard.waste {
  background: var(--color-surface);
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-subhead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 2px 2px 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-subhead h3 {
  margin: 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-subhead p {
  margin: 5px 0 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-subhead > span {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.10);
  color: var(--color-blue-deep);
  font-size: .78rem;
  font-weight: 600;
  box-shadow: none;
  white-space: nowrap;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard .defect-chart-wrap {
  flex: 1;
  display: block;
  width: 100%;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard .defect-chart-card-h {
  height: 100%;
  width: 100%;
  border-radius: var(--radius-card);
  padding: 12px;
  box-shadow: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard .defect-summary-h {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard .defect-summary-tile-h {
  padding: 8px 9px;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard .defect-summary-tile-h span {
  font-size: .66rem;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard .defect-summary-tile-h strong {
  font-size: .92rem;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard .defect-row-h {
  padding: 9px 10px;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard .defect-name-h {
  font-size: .86rem;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard .defect-track-h {
  height: 12px;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="executive-performance-index"]) .defect-drivers-grid {
  grid-template-columns: 1fr;
}
}

@media (max-width:720px) {
:where(html[data-chekku-page="executive-performance-index"]) .defect-subhead {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-subhead > span {
  width: auto;
}

:where(html[data-chekku-page="executive-performance-index"]) .defect-driver-subcard .defect-summary-h {
  grid-template-columns: 1fr;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-groups-v48 {
  max-height: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48[open] {
  overflow: hidden !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48[open] .photo-grid-v48 {
  max-height: 520px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 14px !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(53,92,125,.36) rgba(53,92,125,.08);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48[open] .photo-grid-v48::-webkit-scrollbar {
  width: 10px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48[open] .photo-grid-v48::-webkit-scrollbar-track {
  background: rgba(53,92,125,.08);
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48[open] .photo-grid-v48::-webkit-scrollbar-thumb {
  background: rgba(53,92,125,.34);
  border-radius: var(--radius-card);
  border: 2px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.75);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48[open] .photo-grid-v48::-webkit-scrollbar-thumb:hover {
  background: rgba(53,92,125,.48);
}

@media (max-width:760px) {
:where(html[data-chekku-page="executive-performance-index"]) .photo-group-v48[open] .photo-grid-v48 {
  max-height: 460px !important;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .performance-overview-grid {
  display: grid !important;
  grid-template-columns: minmax(0,1.45fr) minmax(330px,.55fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin-bottom: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .performance-overview-grid > .panel,
:where(html[data-chekku-page="executive-performance-index"]) .performance-overview-grid > .panel + .panel {
  margin: 0 !important;
  height: 100% !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .core-performance-panel {
  min-width: 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .core-performance-panel .panel-head {
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .compact-core-kpis {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 9px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .compact-core-kpis .kpi {
  padding: 13px 12px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .compact-core-kpis .kpi-sub {
  font-size: .78rem !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-card-main {
  position: relative !important;
  overflow: hidden !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.12) !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-card-main::after {
  content: none !important;
  position: absolute;
  right: -42px;
  bottom: -52px;
  width: 150px;
  height: 150px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-head-main {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-eyebrow {
  display: inline-flex;
  width: max-content;
  padding: 6px 9px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-success-soft,#EAF9F1);
  border: 1px solid rgba(31,143,95,.16);
  color: var(--ck-legacy-success,#1F8F5F);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-head-main h2 {
  margin: 8px 0 3px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-head-main p {
  margin: 0;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-date {
  max-width: 160px;
  text-align: right;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.10);
  color: var(--color-blue-deep);
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.25;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-hero-main {
  position: relative;
  z-index: 1;
  padding: 16px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.7);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-value-main {
  color: var(--ck-legacy-success,#1F8F5F);
  font-size: 3rem;
  font-weight: 600;
  line-height: .95;
  letter-spacing: -.06em;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-label-main {
  margin-top: 5px;
  color: var(--color-muted);
  font-size: .86rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-bar-main {
  margin-top: 13px;
  height: 14px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-success-soft,#DDEEE6);
  border: 1px solid rgba(31,143,95,.12);
  overflow: hidden;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-bar-main span {
  display: block;
  height: 100%;
  border-radius: var(--radius-card);
  background: var(--color-surface);
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-mini-grid-main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-mini-main {
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.10);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-mini-main span {
  display: block;
  color: var(--ck-legacy-accent,#4B5B72);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-mini-main strong {
  display: block;
  margin-top: 5px;
  color: var(--color-ink);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-note-main {
  position: relative;
  z-index: 1;
  padding: 10px 12px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.62);
  border: 1px dashed rgba(53,92,125,.15);
  color: var(--color-muted);
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.35;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="executive-performance-index"]) .performance-overview-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .compact-core-kpis {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
}

@media (max-width:720px) {
:where(html[data-chekku-page="executive-performance-index"]) .compact-core-kpis,
:where(html[data-chekku-page="executive-performance-index"]) .waste-period-mini-grid-main {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-head-main {
  flex-direction: column;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-date {
  max-width: none;
  width: 100%;
  text-align: left;
}

:where(html[data-chekku-page="executive-performance-index"]) .waste-period-value-main {
  font-size: 2.35rem;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-browser-v78-panel {
  padding: 16px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v78 {
  display: grid;
  grid-template-columns: minmax(260px,1fr) auto auto auto auto auto;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .daily-zip-photo-btn {
  min-height: 54px !important;
  padding: 0 18px !important;
  font-size: .94rem !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
}

@media (min-width:1181px) {
:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v78 .daily-zip-photo-btn {
  grid-column: 1 / -1;
  width: 100%;
  justify-self: stretch;
}
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-browser-v78 {
  min-height: 180px;
  border: 1px solid rgba(53,92,125,.10);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  padding: 12px;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-browser-head-v78 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 4px 2px 10px;
  border-bottom: 1px dashed rgba(53,92,125,.14);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-breadcrumb-v78 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  color: var(--ck-legacy-accent,#53647A);
  font-weight: 600;
  font-size: .86rem;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-breadcrumb-v78 button {
  appearance: none;
  border: 1px solid rgba(53,92,125,.12);
  background: var(--color-surface);
  color: var(--color-blue-deep);
  border-radius: var(--radius-control);
  padding: 6px 10px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-stage-count-v78 {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  color: var(--color-blue);
  border: 1px solid rgba(53,92,125,.10);
  font-size: .8rem;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-level-grid-v78 {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(210px,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-level-card-v78 {
  appearance: none;
  width: 100%;
  min-height: 116px;
  border: 1px solid rgba(53,92,125,.10);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: none;
  color: var(--color-blue-deep);
  padding: 14px;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  transition: transform .08s ease, box-shadow .18s ease, border-color .18s ease;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-level-card-v78:hover {
  transform: none;
  border-color: rgba(53,92,125,.24);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-level-card-v78 strong {
  display: block;
  font-size: 1.02rem;
  line-height: 1.2;
  font-weight: 600;
  color: var(--color-blue-deep);
  word-break: break-word;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-level-card-v78 small {
  display: block;
  margin-top: 5px;
  color: var(--ck-legacy-muted,#65758A);
  font-weight: 600;
  line-height: 1.25;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-level-pills-v78 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-level-pills-v78 span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#53647A);
  border: 1px solid rgba(53,92,125,.10);
  font-size: .72rem;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-level-card-v78.is-selected span:first-child,
:where(html[data-chekku-page="executive-performance-index"]) .photo-selected-pill-v78 {
  background: var(--ck-legacy-success-soft,#EAF9F1) !important;
  color: var(--ck-legacy-success,#1F8F5F) !important;
  border-color: rgba(31,143,95,.18) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-grid-browser-v78 {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(155px,1fr));
  gap: 10px;
  max-height: 620px;
  overflow: auto;
  padding: 2px 4px 4px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v78 {
  position: relative;
  display: block;
  padding: 8px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(53,92,125,.10);
  background: var(--color-surface);
  box-shadow: none;
  cursor: pointer;
  overflow: hidden;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v78 input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v78 img {
  width: 100%;
  height: 116px;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  border: 1px solid rgba(39,58,77,.06);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v78 img {
  opacity: 1;
  transition: opacity .18s ease;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v78 img.is-loading-v84 {
  opacity: .35;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-more-wrap-v84 {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  padding: 10px 0 4px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-more-btn-v84 {
  appearance: none;
  border: 1px solid rgba(53,92,125,.16);
  border-radius: var(--radius-control);
  padding: 10px 16px;
  background: var(--color-surface);
  color: var(--color-ink);
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-more-note-v84 {
  grid-column: 1 / -1;
  text-align: center;
  color: var(--color-muted);
  font-weight: 600;
  font-size: .86rem;
  padding: 2px 0 6px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v78.photo-missing img {
  display: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v78.photo-missing::after {
  content: "Preview unavailable";
  display: grid;
  place-items: center;
  height: 116px;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  color: var(--color-muted);
  font-weight: 600;
  font-size: .82rem;
  text-align: center;
  padding: 10px;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v78 input:checked + .photo-check {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.6);
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-v78:has(input:checked) {
  border-color: rgba(53,92,125,.44);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-caption-v78 {
  display: block;
  margin-top: 8px;
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .82rem;
  line-height: 1.32;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-card-caption-v78 small {
  display: block;
  margin-top: 4px;
  color: var(--ck-legacy-muted,#6A7A90);
  font-size: .71rem;
  line-height: 1.2;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-empty-v78 {
  min-height: 160px;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--ck-legacy-accent,#53647A);
  font-weight: 600;
  border: 1px dashed rgba(53,92,125,.16);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  padding: 20px;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v78 {
  grid-template-columns: 1fr 1fr 1fr;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-search-v48 {
  grid-column: 1 / -1;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v78 {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-toolbar-v78 > * {
  width: 100%;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-browser-head-v78 {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-level-grid-v78 {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="executive-performance-index"]) .photo-grid-browser-v78 {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

:where(html[data-chekku-page="executive-performance-index"]) .page-shell {
  padding: clamp(14px, 2vh, 24px) 0 34px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .dashboard-layout {
  display: grid;
  grid-template-columns: minmax(300px,360px) minmax(0,1fr);
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="executive-performance-index"]) .dashboard-rail {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 14px;
  align-self: start;
}

:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main {
  min-width: 0;
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="executive-performance-index"]) .filter-summary-card {
  display: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main > .panel,
:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .panel {
  margin-bottom: 0 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-card {
  overflow: hidden;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-card.primary {
  min-height: 245px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-kicker,
:where(html[data-chekku-page="executive-performance-index"]) .rail-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-blue);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-title {
  margin: 5px 0 0;
  letter-spacing: -.055em;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-sub {
  margin: 9px 0 0;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.42;
  font-size: .93rem;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-metric-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 9px;
  margin-top: 16px;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-metric {
  min-width: 0;
  padding: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-metric strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.16rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-metric span {
  display: block;
  margin-top: 5px;
  color: var(--color-muted);
  font-size: .70rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-row-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px;
  align-items: start;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.56);
  box-shadow: none;
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .86rem;
  line-height: 1.32;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-row small {
  display: block;
  color: var(--color-muted);
  font-size: .70rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 2px;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-filter-text {
  line-height: 1.35;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-actions .btn {
  width: 100%;
  min-height: 40px;
  border-radius: var(--radius-control);
  padding: .7rem .85rem;
  font-size: .82rem;
}

:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .panel-head {
  align-items: flex-start;
}

:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .panel-chip,
:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .badge,
:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .toolbar-badge {
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .performance-overview-grid,
:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .defect-drivers-grid,
:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .good-fruit-trend-grid {
  gap: 16px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .photo-browser-v78-panel {
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .kpi,
:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .breakdown-card,
:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .waste-period-mini-main,
:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .defect-driver-subcard,
:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .trend-chart-wrap,
:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .photo-browser-v78 {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .dashboard-main .waste-period-card-main {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .topbar-reference-line {
  margin-top: 10px !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .app-brand-sub {
  color: var(--color-muted) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-quick-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-quick {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--color-blue-deep);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
  font-size: .80rem;
  font-weight: 600;
  transition: transform .12s ease, box-shadow .18s ease, background .18s ease;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-quick:hover {
  transform: none;
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-quick.active {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.52);
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .ajax-refresh-mask {
  position: fixed;
  inset: 0;
  z-index: 1800;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(39,58,77,.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}

:where(html[data-chekku-page="executive-performance-index"]) .ajax-refresh-mask.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="executive-performance-index"]) .ajax-refresh-card {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .ajax-refresh-spinner {
  width: 18px;
  height: 18px;
  border-radius: var(--radius-card);
  border: 3px solid rgba(53,92,125,.16);
  border-top-color: var(--color-coral);
  animation: ck-executive-performance-index-spin .8s linear infinite;
}

@keyframes ck-executive-performance-index-spin {
to {
  transform: rotate(360deg);
}
}

@media (max-width:1120px) {
:where(html[data-chekku-page="executive-performance-index"]) .dashboard-layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="executive-performance-index"]) .dashboard-rail {
  position: relative;
  top: auto;
  grid-template-columns: repeat(2,minmax(0,1fr));
}

:where(html[data-chekku-page="executive-performance-index"]) .rail-card.primary {
  grid-column: 1 / -1;
  min-height: auto;
}
}

@media (max-width:720px) {
:where(html[data-chekku-page="executive-performance-index"]) .dashboard-rail,
:where(html[data-chekku-page="executive-performance-index"]) .rail-metric-grid,
:where(html[data-chekku-page="executive-performance-index"]) .rail-actions {
  grid-template-columns: 1fr;
}
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer {
  background: var(--color-surface) !important;
  border-left: 1px solid rgba(var(--ck-legacy-line-rgb,159,208,255),0.2) !important;
  box-shadow: none !important;
  color: var(--color-blue-soft) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer header {
  background: var(--color-surface) !important;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,159,208,255),0.18) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer header .title,
:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .quick-chip-title,
:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .input-group label,
:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .variety-panel-title label {
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer header .subtitle,
:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .filter-help,
:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .variety-help {
  color: var(--ck-legacy-accent,#CFE6FF) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .drawer-footer {
  background: var(--color-surface) !important;
  border-top: 1px solid rgba(var(--ck-legacy-line-rgb,159,208,255),0.18) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .quick-chip-section,
:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .variety-panel {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,159,208,255),0.16) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .filter-chip {
  background: var(--color-surface) !important;
  color: var(--color-blue-soft) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,159,208,255),0.2) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .filter-chip:hover {
  background: rgba(234,244,255,.18) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .filter-chip.active {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .filter-chip-reset {
  background: rgba(180,35,24,.18) !important;
  color: #FFE6E3 !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,180,170),0.24) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .input-wrap input,
:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .input-wrap select {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,159,208,255),0.18) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .variety-check {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,159,208,255),0.16) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .variety-check:hover {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,159,208,255),0.28) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .variety-name {
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .variety-box {
  border-color: rgba(var(--ck-legacy-line-rgb,159,208,255),0.38) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .variety-check input:checked + .variety-box {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .variety-check:has(input:checked) {
  background: rgba(246,114,128,.18) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.34) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .variety-mini-btn {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,159,208,255),0.2) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .variety-mini-btn:hover {
  background: rgba(234,244,255,.18) !important;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .drawer-body.is-loading-options {
  position: relative;
}

:where(html[data-chekku-page="executive-performance-index"]) #filtersDrawer .drawer-body.is-loading-options::after {
  content: "Updating available filters…";
  position: sticky;
  bottom: 10px;
  display: flex;
  justify-content: center;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,159,208,255),0.2);
  color: var(--color-ink);
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 2147483000 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(39,58,77,.68) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: auto;
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-overlay.is-active {
  display: flex !important;
}

:where(html[data-chekku-page="executive-performance-index"]) body.report-generating-lock {
  overflow: hidden !important;
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-card {
  width: min(470px, 94vw) !important;
  max-width: 94vw !important;
  padding: 28px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-card::before {
  content: none !important;
  position: absolute;
  width: 220px;
  height: 220px;
  right: -90px;
  top: -100px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-card::after {
  content: none !important;
  position: absolute;
  width: 190px;
  height: 190px;
  left: -86px;
  bottom: -96px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-inner {
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-spinner {
  width: 74px;
  height: 74px;
  margin: 0 auto 18px;
  border-radius: var(--radius-card);
  border: 7px solid rgba(53,92,125,.12);
  border-top-color: var(--color-coral);
  border-right-color: #2F80ED;
  animation: ck-executive-performance-index-reportSpin .85s linear infinite;
  box-shadow: none;
}

@keyframes ck-executive-performance-index-reportSpin {
to {
  transform: rotate(360deg);
}
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-title {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.15;
  font-weight: 600;
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-message {
  margin: 10px auto 0;
  max-width: 370px;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-progress {
  height: 9px;
  margin: 20px auto 0;
  border-radius: var(--radius-card);
  overflow: hidden;
  background: rgba(53,92,125,.12);
  border: 1px solid rgba(53,92,125,.08);
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-progress span {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  animation: ck-executive-performance-index-reportRunway 1.25s ease-in-out infinite;
}

@keyframes ck-executive-performance-index-reportRunway {
0% {
  transform: translateX(-110%);
}

100% {
  transform: translateX(260%);
}
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-note {
  margin-top: 14px;
  color: var(--ck-legacy-accent,#52647C);
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-close {
  display: none;
  margin: 18px auto 0;
  min-height: 38px;
  padding: .55rem .85rem;
  border-radius: var(--radius-card);
  border: 1px solid rgba(53,92,125,.18);
  background: var(--color-surface);
  color: var(--color-blue-deep);
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="executive-performance-index"]) .report-generating-overlay.can-close .report-generating-close {
  display: inline-flex;
}

:where(html[data-chekku-page="executive-performance-index"]) .farm-ranking-variety-filter {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border: 1px solid rgba(36,88,166,.18);
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#f7fbff);
  color: var(--ck-legacy-accent,#48627f);
  font-weight: 600;
  font-size: 12px;
}

:where(html[data-chekku-page="executive-performance-index"]) .farm-ranking-variety-filter select {
  min-width: 170px;
  border: 1px solid var(--ck-legacy-line,#bfd8fa);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-blue-deep);
  font-weight: 600;
  padding: 8px 30px 8px 10px;
  outline: none;
}

:where(html[data-chekku-page="executive-performance-index"]) .farm-ranking-variety-filter select:focus {
  border-color: #2f80ed;
  box-shadow: none;
}

@media (max-width:760px) {
:where(html[data-chekku-page="executive-performance-index"]) .farm-ranking-variety-filter {
  width: 100%;
  justify-content: space-between;
}

:where(html[data-chekku-page="executive-performance-index"]) .farm-ranking-variety-filter select {
  min-width: 0;
  flex: 1;
}
}

/* MODULE: pack_plan/index.php */

:root:where(html[data-chekku-page="pack-plan-index"]) {
  --night: var(--color-blue-deep);
  --night2: var(--color-blue-deep);
  --orange: var(--color-coral);
  --green: #16a34a;
  --red: #dc2626;
  --line: #dbe3ef;
  --card: rgba(255,255,255,.88);
  --soft: #f8fafc;
  --blue: var(--color-blue);
  --yellow: #eab308;
}

:where(html[data-chekku-page="pack-plan-index"]) * {
  box-sizing: border-box;
}

:where(html[data-chekku-page="pack-plan-index"]) body {
  margin: 0;
  font-family: var(--font-ui);
  background: var(--color-surface);
  color: var(--ink);
}

:where(html[data-chekku-page="pack-plan-index"]) .wrap {
  width: min(1880px,98.8vw);
  margin: auto;
  padding: 24px 0 38px;
}

:where(html[data-chekku-page="pack-plan-index"]) .hero,
:where(html[data-chekku-page="pack-plan-index"]) .panel,
:where(html[data-chekku-page="pack-plan-index"]) .card {
  padding: 18px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="pack-plan-index"]) .top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

:where(html[data-chekku-page="pack-plan-index"]) .hero h1 {
  margin: 0 0 5px;
}

:where(html[data-chekku-page="pack-plan-index"]) .hero p {
  margin: 0;
}

:where(html[data-chekku-page="pack-plan-index"]) .btn,
:where(html[data-chekku-page="pack-plan-index"]) button {
  border: 0;
  border-radius: var(--radius-control);
  padding: 10px 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  color: var(--color-ink);
  background: var(--ck-solid-blue-deep,var(--color-blue-deep));
  white-space: nowrap;
}

:where(html[data-chekku-page="pack-plan-index"]) .orange {
  background: var(--orange);
}

:where(html[data-chekku-page="pack-plan-index"]) .green {
  background: var(--green);
}

:where(html[data-chekku-page="pack-plan-index"]) .red {
  background: var(--red);
}

:where(html[data-chekku-page="pack-plan-index"]) .ghost {
  background: var(--ck-legacy-blue-soft,#e2e8f0);
  color: var(--color-ink);
}

:where(html[data-chekku-page="pack-plan-index"]) .layout {
  display: block;
}

:where(html[data-chekku-page="pack-plan-index"]) .layout>aside {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: start;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="pack-plan-index"]) .layout>main {
  width: 100%;
}

:where(html[data-chekku-page="pack-plan-index"]) label {
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--ck-legacy-accent,#334155);
  letter-spacing: .04em;
}

:where(html[data-chekku-page="pack-plan-index"]) input,
:where(html[data-chekku-page="pack-plan-index"]) select {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-control);
  font-weight: 600;
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="pack-plan-index"]) .formgrid {
  display: grid;
  grid-template-columns: repeat(6,minmax(120px,1fr));
  gap: 10px;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-panel {
  padding: 10px 12px;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-line {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 10px;
  align-items: end;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-title {
  min-width: 102px;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-panel h2 {
  margin: 0;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-panel .formgrid {
  grid-template-columns: 1.35fr .78fr .75fr .85fr 1fr .7fr;
  gap: 7px;
  align-items: end;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-panel input,
:where(html[data-chekku-page="pack-plan-index"]) .setup-panel select {
  padding: 8px 9px;
  border-radius: var(--radius-control);
  font-size: .82rem;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-panel label {
  font-size: .68rem;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-panel .actions {
  justify-content: flex-end;
  margin: 0;
  align-self: end;
  flex-wrap: nowrap;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-panel .actions button {
  padding: 9px 10px;
  border-radius: var(--radius-control);
  font-size: .78rem;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-panel h3 {
  margin: 9px 0 6px;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-panel .muted {
  display: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-grades {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--ck-legacy-line,#e2e8f0);
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-grade-row {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-grade-row h3 {
  margin: 0 4px 0 0;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-grade-row .pill {
  margin: 0;
}

:where(html[data-chekku-page="pack-plan-index"]) .saved-panel {
  padding: 14px 16px;
}

:where(html[data-chekku-page="pack-plan-index"]) .saved-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="pack-plan-index"]) .saved-head h2 {
  margin: 0;
}

:where(html[data-chekku-page="pack-plan-index"]) .saved-search {
  display: grid;
  grid-template-columns: minmax(220px,360px) auto;
  gap: 8px;
  align-items: end;
}

:where(html[data-chekku-page="pack-plan-index"]) .choice-grid {
  grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
}

:where(html[data-chekku-page="pack-plan-index"]) .notice,
:where(html[data-chekku-page="pack-plan-index"]) .error {
  padding: 10px 12px;
  font-weight: 600;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="pack-plan-index"]) .notice {
  background: var(--ck-legacy-success-soft,#dcfce7);
  color: var(--ck-legacy-success,#166534);
}

:where(html[data-chekku-page="pack-plan-index"]) .error {
  background: var(--ck-legacy-danger-soft,#fee2e2);
  color: var(--ck-legacy-danger,#991b1b);
}

:where(html[data-chekku-page="pack-plan-index"]) .choice-grid {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}

:where(html[data-chekku-page="pack-plan-index"]) .choice {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  background: var(--ck-legacy-blue-soft,#f8fafc);
  border: 1px solid var(--ck-legacy-line,#e2e8f0);
  border-radius: var(--radius-card);
  font-weight: 600;
}

:where(html[data-chekku-page="pack-plan-index"]) .choice input {
  width: auto;
}

:where(html[data-chekku-page="pack-plan-index"]) .recent {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(184px,1fr));
  gap: 8px;
  max-height: 260px;
  overflow: auto;
  padding-right: 4px;
}

:where(html[data-chekku-page="pack-plan-index"]) .recent-row {
  position: relative;
  background: var(--ck-legacy-blue-soft,#f8fafc);
  border: 1px solid var(--ck-legacy-line,#e2e8f0);
  border-left: 6px solid var(--ck-legacy-line,#94a3b8);
  border-radius: var(--radius-card);
  padding: 10px 38px 10px 10px;
  min-height: 82px;
  transition: .16s ease;
}

:where(html[data-chekku-page="pack-plan-index"]) .recent-row:nth-child(6n/**/+1) {
  background: var(--color-surface);
  border-left-color: var(--color-coral);
}

:where(html[data-chekku-page="pack-plan-index"]) .recent-row:nth-child(6n/**/+2) {
  background: var(--color-surface);
  border-left-color: var(--color-blue);
}

:where(html[data-chekku-page="pack-plan-index"]) .recent-row:nth-child(6n/**/+3) {
  background: var(--color-surface);
  border-left-color: #16a34a;
}

:where(html[data-chekku-page="pack-plan-index"]) .recent-row:nth-child(6n/**/+4) {
  background: var(--color-surface);
  border-left-color: #eab308;
}

:where(html[data-chekku-page="pack-plan-index"]) .recent-row:nth-child(6n/**/+5) {
  background: var(--color-surface);
  border-left-color: var(--color-purple);
}

:where(html[data-chekku-page="pack-plan-index"]) .recent-row:nth-child(6n/**/+6) {
  background: var(--color-surface);
  border-left-color: #0891b2;
}

:where(html[data-chekku-page="pack-plan-index"]) .recent-row.current-plan {
  box-shadow: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .recent-row:hover {
  background: var(--color-surface);
  border-color: var(--ck-legacy-line,#fed7aa);
  box-shadow: none;
  transform: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .recent a {
  display: block;
  text-decoration: none;
  color: var(--color-ink);
  font-weight: 600;
  font-size: .84rem;
  line-height: 1.18;
}

:where(html[data-chekku-page="pack-plan-index"]) .recent span {
  display: block;
  color: var(--color-muted);
  font-size: .7rem;
  margin-top: 5px;
  line-height: 1.28;
  font-weight: 600;
}

:where(html[data-chekku-page="pack-plan-index"]) .saved-delete {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 26px;
  height: 26px;
  border-radius: var(--radius-control);
  padding: 0;
  background: var(--ck-legacy-danger-soft,#fee2e2);
  color: var(--ck-legacy-danger,#991b1b);
  font-size: 1rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where(html[data-chekku-page="pack-plan-index"]) .saved-delete:hover {
  background: #dc2626;
  color: var(--color-ink);
  transform: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .empty-recent {
  padding: 12px;
  border: 1px dashed var(--ck-legacy-line,#cbd5e1);
  border-radius: var(--radius-card);
  color: var(--color-muted);
  font-weight: 600;
  background: var(--ck-legacy-blue-soft,#f8fafc);
}

:where(html[data-chekku-page="pack-plan-index"]) .table-wrap {
  overflow: auto;
  border: 1px solid var(--ck-legacy-line,#dbe3ef);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  max-height: 74vh;
}

:where(html[data-chekku-page="pack-plan-index"]) .pack-table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: max-content;
  width: 100%;
}

:where(html[data-chekku-page="pack-plan-index"]) .pack-table th,
:where(html[data-chekku-page="pack-plan-index"]) .pack-table td {
  border-right: 1px solid var(--ck-legacy-line,#dbe3ef);
  border-bottom: 1px solid var(--ck-legacy-line,#dbe3ef);
  padding: 0;
  vertical-align: middle;
}

:where(html[data-chekku-page="pack-plan-index"]) .pack-table th {
  background: var(--ck-solid-blue-deep,var(--color-blue-deep));
  color: var(--color-ink);
  padding: 10px;
  font-size: .78rem;
  text-transform: uppercase;
  position: sticky;
  top: 0;
  z-index: 5;
}

:where(html[data-chekku-page="pack-plan-index"]) .size-header {
  transition: .16s ease;
}

:where(html[data-chekku-page="pack-plan-index"]) .size-header:hover {
  background: #173b65 !important;
  color: var(--color-peach-soft) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .size-header.cleared-flash {
  background: #dc2626 !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .pack-table .corner {
  left: 0;
  z-index: 9;
  width: 128px;
  min-width: 128px;
  max-width: 128px;
  padding: 8px 6px;
  font-size: .7rem;
}

:where(html[data-chekku-page="pack-plan-index"]) .row-label {
  position: sticky;
  left: 0;
  z-index: 4;
  background: var(--ck-legacy-blue-soft,#f8fafc);
  color: var(--color-ink);
  font-weight: 600;
  width: 128px;
  min-width: 128px;
  max-width: 128px;
  padding: 8px 7px !important;
  font-size: .76rem;
  line-height: 1.12;
  white-space: normal;
}

:where(html[data-chekku-page="pack-plan-index"]) .section-row td {
  background: var(--color-peach-soft) !important;
  color: var(--ck-legacy-warning,#9a3412);
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .section-title {
  position: sticky;
  left: 0;
  z-index: 4;
  background: var(--ck-legacy-warning-soft,#fed7aa) !important;
  width: 128px;
  min-width: 128px;
  max-width: 128px;
  padding: 8px 7px !important;
  white-space: normal;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-field-wrap {
  display: grid;
  grid-template-columns: minmax(0,1fr) 22px;
  align-items: stretch;
  width: 100%;
  min-width: 104px;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-input {
  border: 0;
  border-radius: 0;
  min-width: 0;
  width: 100%;
  padding: 8px 6px;
  font-size: .78rem;
  background: transparent;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-clear-btn {
  border: 0;
  border-left: 1px solid var(--ck-legacy-line,#e2e8f0);
  border-radius: 0;
  background: var(--ck-legacy-blue-soft,#f8fafc);
  color: var(--ck-legacy-accent,#94a3b8);
  font-size: .86rem;
  font-weight: 600;
  padding: 0;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-clear-btn:hover {
  background: var(--ck-legacy-danger-soft,#fee2e2);
  color: var(--ck-legacy-danger,#991b1b);
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .merged-size-cell .cell-field-wrap {
  height: 100%;
}

:where(html[data-chekku-page="pack-plan-index"]) .merged-size-cell .cell-input {
  min-height: 100%;
}

:where(html[data-chekku-page="pack-plan-index"]) .saved-duplicate {
  position: absolute;
  right: 31px;
  top: 7px;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-control);
  padding: 0;
  background: var(--ck-solid-blue-deep,var(--color-blue-deep));
  color: var(--color-ink);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .78rem;
}

:where(html[data-chekku-page="pack-plan-index"]) .saved-duplicate:hover {
  transform: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .pack-table td {
  overflow: visible;
}

:where(html[data-chekku-page="pack-plan-index"]) .shared-cell {
  position: relative;
  overflow: visible !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .shared-left-fill,
:where(html[data-chekku-page="pack-plan-index"]) .shared-right-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 8;
  background: var(--color-surface) !important;
  box-shadow: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .shared-left-fill {
  left: 0;
  width: 150%;
  background: var(--color-peach-soft) !important;
  border-right: 2px dashed rgba(249,115,22,.65) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .shared-right-fill {
  right: 0;
  width: 150%;
  background: var(--ck-legacy-blue-soft,#eef6ff) !important;
  border-left: 2px dashed rgba(37,99,235,.65) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .shared-middle-input {
  background: var(--color-surface) !important;
  color: rgba(var(--ck-legacy-muted-rgb,100,116,139),0.45);
  pointer-events: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .shared-band-badge {
  display: block;
  margin-top: 4px;
  font-size: .62rem;
  font-weight: 600;
  color: var(--color-ink);
  background: var(--ck-solid-blue-deep,var(--color-blue-deep));
  border-radius: var(--radius-card);
  padding: 3px 6px;
  text-transform: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .size-header {
  cursor: pointer;
  user-select: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .grade-size-label.cleared-flash,
:where(html[data-chekku-page="pack-plan-index"]) .size-header.cleared-flash {
  animation: ck-pack-plan-index-clearFlash .8s ease;
}

@keyframes ck-pack-plan-index-clearFlash {
0%,100% {
  filter: none;
}

35% {
  filter: brightness(1.18);
  box-shadow: none;
}
}

:where(html[data-chekku-page="pack-plan-index"]) .size-header:hover {
  background: #173b65;
}

:where(html[data-chekku-page="pack-plan-index"]) .split-size-header {
  background: #17456f !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .split-badge {
  display: block;
  margin-top: 3px;
  font-size: .62rem;
  line-height: 1;
  padding: 3px 6px;
  border-radius: var(--radius-card);
  background: rgba(249,115,22,.95);
  color: var(--color-ink);
  text-transform: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .details-row .row-label {
  background: var(--ck-legacy-blue-soft,#eef6ff);
  color: var(--color-blue);
}

:where(html[data-chekku-page="pack-plan-index"]) .details-row .cell-input {
  min-height: 50px;
  background: var(--ck-legacy-blue-soft,#f8fbff);
  font-weight: 600;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-input:focus {
  outline: 3px solid rgba(249,115,22,.25);
  background: var(--color-peach-soft);
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-blue {
  background: var(--color-blue-soft) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-yellow {
  background: var(--ck-legacy-warning-soft,#fef9c3) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-green {
  background: var(--ck-legacy-success-soft,#dcfce7) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-red {
  background: var(--ck-legacy-danger-soft,#fee2e2) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-orange {
  background: var(--color-peach-soft) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-note {
  font-size: .68rem;
  color: var(--color-muted);
  display: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .grade-size-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(58px,1fr));
  gap: 4px;
  margin-top: 10px;
  align-items: stretch;
}

:where(html[data-chekku-page="pack-plan-index"]) .grade-size-cell {
  position: relative;
  min-height: 34px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,148,163,184),0.34);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

:where(html[data-chekku-page="pack-plan-index"]) .grade-size-cell.left-shared {
  background: var(--color-surface);
}

:where(html[data-chekku-page="pack-plan-index"]) .grade-size-cell.right-shared {
  background: var(--color-surface);
}

:where(html[data-chekku-page="pack-plan-index"]) .grade-size-cell.left-shared.right-shared {
  background: var(--color-surface);
}

:where(html[data-chekku-page="pack-plan-index"]) .grade-size-label {
  width: 100%;
  height: 100%;
  min-height: 32px;
  background: transparent !important;
  color: var(--grade-color) !important;
  box-shadow: none !important;
  padding: 5px 8px;
  border-radius: var(--radius-card);
  font-size: .78rem;
  font-weight: 600;
  text-align: center;
}

:where(html[data-chekku-page="pack-plan-index"]) .grade-size-label:hover {
  transform: none !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .share-edge {
  position: absolute;
  top: 3px;
  bottom: 3px;
  width: 14px;
  z-index: 12;
  border-radius: var(--radius-card);
  padding: 0;
  background: rgba(15,39,69,.18);
  border: 1px solid rgba(15,39,69,.16);
  box-shadow: none !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .share-edge:hover {
  transform: none !important;
  background: rgba(249,115,22,.68);
}

:where(html[data-chekku-page="pack-plan-index"]) .share-edge.active {
  background: var(--orange);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.76);
}

:where(html[data-chekku-page="pack-plan-index"]) .share-edge.active:after {
  content: "×";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-ink);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

:where(html[data-chekku-page="pack-plan-index"]) .share-edge.active:hover {
  background: var(--red);
}

:where(html[data-chekku-page="pack-plan-index"]) .share-edge-left {
  left: -8px;
}

:where(html[data-chekku-page="pack-plan-index"]) .share-edge-right {
  right: -8px;
}

:where(html[data-chekku-page="pack-plan-index"]) .split-click-guide {
  background: var(--color-surface);
  border-color: var(--ck-legacy-line,#fed7aa);
}

:where(html[data-chekku-page="pack-plan-index"]) .actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

:where(html[data-chekku-page="pack-plan-index"]) .multi-size-select {
  min-height: 88px;
  padding: 7px 9px;
}

:where(html[data-chekku-page="pack-plan-index"]) .empty-sizes-warning {
  padding: 14px 16px;
  border-radius: var(--radius-card);
  background: var(--color-peach-soft);
  color: var(--ck-legacy-warning,#9a3412);
  font-weight: 600;
  border: 1px solid var(--ck-legacy-line,#fed7aa);
}

:where(html[data-chekku-page="pack-plan-index"]) .empty-sizes-warning a {
  color: var(--ck-legacy-warning,#9a3412);
  text-decoration: underline;
}

:where(html[data-chekku-page="pack-plan-index"]) .muted {
  color: var(--color-muted);
  font-weight: 600;
  font-size: .85rem;
}

:where(html[data-chekku-page="pack-plan-index"]) .pill {
  display: inline-flex;
  padding: 6px 9px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#e2e8f0);
  color: var(--ck-legacy-accent,#334155);
  font-size: .74rem;
  font-weight: 600;
  margin: 3px 4px 0 0;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-tool-card {
  margin: 10px 0 14px;
  padding: 12px;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-tool-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-tool-head h3 {
  margin: 0;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-tool-head p {
  margin: 3px 0 0;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-tool-grid {
  display: grid;
  grid-template-columns: minmax(150px,.75fr) minmax(130px,.55fr) minmax(280px,2fr);
  gap: 10px;
  align-items: start;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-target-box {
  min-width: 0;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-target-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-target-actions {
  display: flex;
  gap: 5px;
}

:where(html[data-chekku-page="pack-plan-index"]) .mini-tool-btn {
  padding: 5px 8px !important;
  border-radius: var(--radius-control) !important;
  font-size: .68rem !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-target-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-height: 86px;
  overflow: auto;
  padding: 7px;
  background: var(--color-surface);
  border: 1px solid var(--ck-legacy-line,#e2e8f0);
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border: 1px solid var(--ck-legacy-line,#dbe3ef);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-blue-deep);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-pill input {
  width: auto;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-pill:has(input:checked) {
  background: var(--ck-solid-blue-deep,var(--color-blue-deep));
  color: var(--color-ink);
  border-color: var(--color-blue-deep);
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-pill.disabled {
  opacity: .42;
  pointer-events: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-main-btn {
  align-self: flex-start;
}

:where(html[data-chekku-page="pack-plan-index"]) .quickgrid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr auto auto auto;
  gap: 8px;
  align-items: end;
  margin: 0 0 14px;
  padding: 12px;
  border: 1px solid var(--ck-legacy-line,#e2e8f0);
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#f8fafc);
}

:where(html[data-chekku-page="pack-plan-index"]) .splitgrid {
  grid-template-columns: 1.1fr 1fr 1fr 1.3fr auto auto;
}

:where(html[data-chekku-page="pack-plan-index"]) .quickgrid .red,
:where(html[data-chekku-page="pack-plan-index"]) .quickgrid .blue {
  min-width: 132px;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-input.has-fill-source {
  outline: 3px solid rgba(249,115,22,.26);
  background: var(--color-peach-soft) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .section-flex {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

:where(html[data-chekku-page="pack-plan-index"]) .grade-remove {
  font-size: .72rem;
  padding: 7px 9px;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="pack-plan-index"]) .hint-box {
  padding: 10px 12px;
  margin: 8px 0 12px;
  font-size: .82rem;
  font-weight: 600;
}

@media (max-width:1100px) {
:where(html[data-chekku-page="pack-plan-index"]) .formgrid {
  grid-template-columns: repeat(2,minmax(140px,1fr));
}

:where(html[data-chekku-page="pack-plan-index"]) .saved-search {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pack-plan-index"]) .table-wrap {
  max-height: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .btn,
:where(html[data-chekku-page="pack-plan-index"]) button {
  width: 100%;
}

:where(html[data-chekku-page="pack-plan-index"]) .saved-delete {
  width: 30px;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-tool-grid,
:where(html[data-chekku-page="pack-plan-index"]) .quickgrid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pack-plan-index"]) .copy-tool-head {
  align-items: stretch;
  flex-direction: column;
}

:where(html[data-chekku-page="pack-plan-index"]) .section-flex {
  align-items: flex-start;
  flex-direction: column;
}
}

@media (max-width:720px) {
:where(html[data-chekku-page="pack-plan-index"]) .formgrid,
:where(html[data-chekku-page="pack-plan-index"]) .setup-line,
:where(html[data-chekku-page="pack-plan-index"]) .setup-panel .formgrid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pack-plan-index"]) .setup-panel .actions {
  justify-content: stretch;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pack-plan-index"]) .recent {
  grid-template-columns: 1fr;
}
}

:where(html[data-chekku-page="pack-plan-index"]) .pack-table {
  table-layout: auto !important;
  width: auto !important;
  min-width: max-content !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .pack-table .size-header {
  width: 122px !important;
  min-width: 122px !important;
  max-width: 122px !important;
  padding: 8px 6px !important;
  white-space: normal !important;
  line-height: 1.08 !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .pack-table tbody tr:not(.section-row) td:not(.row-label) {
  width: 122px !important;
  min-width: 122px !important;
  max-width: 122px !important;
  vertical-align: top !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-field-wrap {
  grid-template-columns: minmax(0,1fr) 24px !important;
  width: 122px !important;
  min-width: 122px !important;
  max-width: 122px !important;
  align-items: stretch !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-input {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 30px !important;
  height: 30px;
  overflow: hidden !important;
  resize: none !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.18 !important;
  font-size: .73rem !important;
  padding: 6px 5px !important;
  font-family: var(--font-ui) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-clear-btn {
  min-width: 18px !important;
  width: 18px !important;
  font-size: .76rem !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .details-row .cell-input {
  min-height: 42px !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .merged-size-cell .cell-field-wrap {
  height: 100% !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .merged-size-cell .cell-input {
  min-height: 100% !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-field-wrap {
  grid-template-columns: minmax(0,1fr) 26px !important;
  width: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .pack-table .size-header {
  width: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .pack-table tbody tr:not(.section-row) td:not(.row-label) {
  width: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-clear-btn {
  min-width: 26px !important;
  width: 26px !important;
  font-size: .82rem !important;
  line-height: 1 !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-clear-btn.is-empty {
  background: var(--ck-legacy-blue-soft,#eef6ff) !important;
  color: var(--color-blue) !important;
  border-left: 1px solid var(--ck-legacy-line,#bfdbfe) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-clear-btn.is-filled {
  background: var(--color-peach-soft) !important;
  color: var(--ck-legacy-warning,#c2410c) !important;
  border-left: 1px solid var(--ck-legacy-line,#fed7aa) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-clear-btn.is-filled:hover {
  background: var(--ck-legacy-danger-soft,#fee2e2) !important;
  color: var(--ck-legacy-danger,#991b1b) !important;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-option-menu {
  position: fixed;
  z-index: 99999;
  min-width: 160px;
  max-width: 260px;
  max-height: 260px;
  overflow: auto;
  background: var(--color-surface);
  border: 1px solid var(--ck-legacy-line,#dbe3ef);
  border-radius: var(--radius-card);
  box-shadow: none;
  padding: 6px;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-option-item {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: var(--color-surface);
  color: var(--color-ink);
  border-radius: var(--radius-card);
  padding: 8px 10px;
  font-weight: 600;
  font-size: .78rem;
  white-space: normal;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-option-item:hover {
  background: var(--color-peach-soft);
  color: var(--ck-legacy-warning,#9a3412);
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="pack-plan-index"]) .cell-option-empty {
  padding: 10px;
  color: var(--color-muted);
  font-weight: 600;
  font-size: .78rem;
}

/* MODULE: pack_plan/settings.php */

:root:where(html[data-chekku-page="pack-plan-settings"]) {
  --night: var(--color-blue-deep);
  --night2: var(--color-blue-deep);
  --sky: #12365f;
  --orange: var(--color-coral);
  --green: #16a34a;
  --red: #dc2626;
  --line: #dbe3ef;
  --card: rgba(255,255,255,.9);
  --soft: #f8fafc;
}

:where(html[data-chekku-page="pack-plan-settings"]) * {
  box-sizing: border-box;
}

:where(html[data-chekku-page="pack-plan-settings"]) body {
  margin: 0;
  font-family: var(--font-ui);
  color: var(--ink);
  background: var(--color-surface);
  min-height: 100vh;
}

:where(html[data-chekku-page="pack-plan-settings"]) .wrap {
  width: min(1540px,96vw);
  margin: auto;
  padding: 26px 0 38px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .hero,
:where(html[data-chekku-page="pack-plan-settings"]) .card,
:where(html[data-chekku-page="pack-plan-settings"]) .section-nav,
:where(html[data-chekku-page="pack-plan-settings"]) .bulk-bar {
  background: var(--card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.34);
  border-radius: var(--radius-card);
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="pack-plan-settings"]) .hero {
  padding: 20px;
  margin-bottom: 16px;
  overflow: hidden;
  position: relative;
}

:where(html[data-chekku-page="pack-plan-settings"]) .hero:before {
  content: "";
  position: absolute;
  inset: -80px auto auto -80px;
  width: 220px;
  height: 220px;
  filter: none;
}

:where(html[data-chekku-page="pack-plan-settings"]) .top {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

:where(html[data-chekku-page="pack-plan-settings"]) .hero h1 {
  margin: 0 0 6px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .hero p {
  margin: 0;
}

:where(html[data-chekku-page="pack-plan-settings"]) .hero-pills {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  font-size: .82rem;
  font-weight: 600;
  color: var(--color-ink);
}

:where(html[data-chekku-page="pack-plan-settings"]) .btn,
:where(html[data-chekku-page="pack-plan-settings"]) button {
  border: 0;
  border-radius: var(--radius-control);
  padding: 10px 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  color: var(--color-ink);
  background: var(--ck-solid-blue-deep,var(--color-blue-deep));
  white-space: nowrap;
  transition: .18s ease;
}

:where(html[data-chekku-page="pack-plan-settings"]) .btn:hover,
:where(html[data-chekku-page="pack-plan-settings"]) button:hover {
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="pack-plan-settings"]) .orange {
  background: var(--orange);
}

:where(html[data-chekku-page="pack-plan-settings"]) .green {
  background: var(--green);
}

:where(html[data-chekku-page="pack-plan-settings"]) .red {
  background: var(--red);
}

:where(html[data-chekku-page="pack-plan-settings"]) .ghost {
  background: var(--ck-legacy-blue-soft,#e2e8f0);
  color: var(--color-ink);
}

:where(html[data-chekku-page="pack-plan-settings"]) .blue {
  background: var(--ck-solid-blue,var(--color-blue));
}

:where(html[data-chekku-page="pack-plan-settings"]) .small-btn {
  padding: 8px 10px;
  border-radius: var(--radius-control);
  font-size: .82rem;
}

:where(html[data-chekku-page="pack-plan-settings"]) .notice,
:where(html[data-chekku-page="pack-plan-settings"]) .error {
  padding: 12px 14px;
  font-weight: 600;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .notice {
  background: var(--ck-legacy-success-soft,#dcfce7);
  color: var(--ck-legacy-success,#166534);
}

:where(html[data-chekku-page="pack-plan-settings"]) .error {
  background: var(--ck-legacy-danger-soft,#fee2e2);
  color: var(--ck-legacy-danger,#991b1b);
}

:where(html[data-chekku-page="pack-plan-settings"]) .section-nav {
  padding: 12px;
  margin-bottom: 16px;
  background: var(--color-surface);
  position: sticky;
  top: 10px;
  z-index: 20;
}

:where(html[data-chekku-page="pack-plan-settings"]) .section-cards {
  display: grid;
  grid-template-columns: repeat(5,minmax(150px,1fr));
  gap: 10px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .section-card {
  padding: 13px;
  text-align: left;
  min-height: 82px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .section-card strong {
  display: block;
  font-size: .95rem;
}

:where(html[data-chekku-page="pack-plan-settings"]) .section-card span {
  display: block;
  margin-top: 4px;
  color: var(--color-muted);
  font-size: .76rem;
  line-height: 1.25;
}

:where(html[data-chekku-page="pack-plan-settings"]) .section-card em {
  font-style: normal;
  display: inline-flex;
  margin-top: 9px;
  background: var(--color-blue-soft);
  color: var(--color-blue);
  border-radius: var(--radius-card);
  padding: 4px 8px;
  font-size: .72rem;
}

:where(html[data-chekku-page="pack-plan-settings"]) .section-card.active span {
  color: var(--color-ink);
}

:where(html[data-chekku-page="pack-plan-settings"]) .section-card.active em {
  background: rgba(249,115,22,.95);
  color: var(--color-ink);
}

:where(html[data-chekku-page="pack-plan-settings"]) .bulk-bar {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  margin-bottom: 16px;
  font-weight: 600;
  color: var(--color-blue-deep);
  background: var(--color-surface);
}

:where(html[data-chekku-page="pack-plan-settings"]) .bulk-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pack-plan-settings"]) .bulk-check {
  display: flex;
  align-items: center;
  justify-content: center;
}

:where(html[data-chekku-page="pack-plan-settings"]) .bulk-check input {
  width: auto;
  transform: scale(1.15);
}

:where(html[data-chekku-page="pack-plan-settings"]) .card {
  padding: 18px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .card h2 {
  margin: 0 0 6px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .muted {
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  margin: 0 0 14px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .settings-panel {
  display: none;
}

:where(html[data-chekku-page="pack-plan-settings"]) .settings-panel.active {
  display: block;
  animation: ck-pack-plan-settings-softIn .18s ease;
}

@keyframes ck-pack-plan-settings-softIn {
from {
  opacity: .3;
  transform: translateY(6px);
}

to {
  opacity: 1;
  transform: none;
}
}

:where(html[data-chekku-page="pack-plan-settings"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .panel-head h2 {
  display: flex;
  align-items: center;
  gap: 8px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .panel-tools {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pack-plan-settings"]) .search-box {
  max-width: 300px;
}

:where(html[data-chekku-page="pack-plan-settings"]) input,
:where(html[data-chekku-page="pack-plan-settings"]) select,
:where(html[data-chekku-page="pack-plan-settings"]) textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-control);
  font-weight: 600;
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="pack-plan-settings"]) input[type="color"] {
  padding: 4px;
  min-height: 42px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .row {
  display: grid;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
  padding: 10px;
  border-radius: var(--radius-card);
  background: var(--soft);
  border: 1px solid var(--ck-legacy-line,#edf2f7);
}

:where(html[data-chekku-page="pack-plan-settings"]) .row:hover {
  border-color: var(--ck-legacy-line,#d7e4f5);
  background: var(--color-surface);
}

:where(html[data-chekku-page="pack-plan-settings"]) .sortable-row {
  cursor: grab;
}

:where(html[data-chekku-page="pack-plan-settings"]) .sortable-row:active {
  cursor: grabbing;
}

:where(html[data-chekku-page="pack-plan-settings"]) .sortable-row.dragging {
  opacity: .45;
}

:where(html[data-chekku-page="pack-plan-settings"]) .sortable-row:before {
  content: "↕";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#e2e8f0);
  color: var(--color-blue-deep);
  font-weight: 600;
}

:where(html[data-chekku-page="pack-plan-settings"]) .add-row {
  background: var(--color-surface);
  border-color: var(--ck-legacy-line,#fed7aa);
}

:where(html[data-chekku-page="pack-plan-settings"]) .size-row {
  grid-template-columns: 30px 34px 1fr 88px 94px 94px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .add-size {
  grid-template-columns: 1fr 90px 90px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .section-row {
  grid-template-columns: 34px 1.4fr 90px 90px 88px 94px 94px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .option-row {
  grid-template-columns: 34px minmax(170px,1fr) 88px 94px 94px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .add-option {
  grid-template-columns: 180px minmax(220px,1fr) 90px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-row {
  grid-template-columns: 34px 1.05fr 132px 1fr 132px 1fr 142px 132px 1fr 1.1fr 110px 72px 70px 78px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .add-rule {
  grid-template-columns: 1.05fr 132px 1fr 132px 1fr 142px 132px 1fr 1.1fr 110px 72px 88px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .allowed-values-select {
  min-height: 92px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-value-select option:disabled {
  color: var(--ck-legacy-accent,#94a3b8);
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-form select[multiple] {
  padding: 7px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,520px),1fr));
  gap: 14px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-box {
  padding: 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid var(--ck-legacy-line,#e2e8f0);
  overflow: hidden;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-card-head h3 {
  margin: 0;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-meta {
  font-size: .78rem;
  color: var(--color-muted);
  font-weight: 600;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-head-row {
  grid-template-columns: 34px minmax(0,1fr) auto 118px;
  grid-template-areas: "pick name active save" ". remove remove remove";
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-head-row .bulk-check {
  grid-area: pick;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-head-row input[name="variety_name"] {
  grid-area: name;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-head-row .check {
  grid-area: active;
  white-space: nowrap;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-head-row button.green {
  grid-area: save;
  width: 100%;
  min-width: 0;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-head-row button.red {
  grid-area: remove;
  justify-self: end;
  min-width: 132px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-size-add {
  grid-template-columns: minmax(0,1fr) 110px;
  margin-top: 10px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-size-add button {
  width: 100%;
  min-width: 0;
}

:where(html[data-chekku-page="pack-plan-settings"]) .own-size-row {
  grid-template-columns: 30px 34px minmax(0,1fr) auto 96px 96px;
  margin-top: 8px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .own-size-row .check {
  white-space: nowrap;
}

:where(html[data-chekku-page="pack-plan-settings"]) .own-size-row button {
  width: 100%;
  min-width: 0;
}

:where(html[data-chekku-page="pack-plan-settings"]) .warning-note {
  background: var(--color-peach-soft);
  color: var(--ck-legacy-warning,#9a3412);
  padding: 8px 10px;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="pack-plan-settings"]) .check {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: .82rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#334155);
}

:where(html[data-chekku-page="pack-plan-settings"]) .check input {
  width: auto;
}

:where(html[data-chekku-page="pack-plan-settings"]) .small-note {
  font-size: .78rem;
  color: var(--color-muted);
  font-weight: 600;
  margin-top: 8px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-hidden-control {
  display: none !important;
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-builder {
  display: block;
  padding: 16px;
  background: var(--color-surface);
  border-color: var(--ck-legacy-line,#fed7aa);
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-trigger-grid {
  display: grid;
  grid-template-columns: 1.15fr 150px 1fr 150px 1fr;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-builder-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-builder-title strong {
  color: var(--color-blue-deep);
  font-size: 1rem;
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-builder-title span {
  color: var(--color-muted);
  font-weight: 600;
  font-size: .82rem;
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-outcome-list {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-outcome-row {
  display: grid;
  grid-template-columns: 36px 170px 155px 1fr 1.1fr 120px 42px;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#f8fafc);
  border: 1px solid var(--ck-legacy-line,#e2e8f0);
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-outcome-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-card);
  background: var(--ck-solid-blue-deep,var(--color-blue-deep));
  color: var(--color-ink);
  font-weight: 600;
  font-size: .78rem;
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-builder-actions {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-help {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  color: var(--color-blue);
  font-weight: 600;
  font-size: .82rem;
}

:where(html[data-chekku-page="pack-plan-settings"]) .remove-outcome {
  background: var(--ck-legacy-danger-soft,#fee2e2);
  color: var(--ck-legacy-danger,#991b1b);
  padding: 8px 10px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .remove-outcome:hover {
  background: var(--ck-legacy-danger-soft,#fecaca);
}

:where(html[data-chekku-page="pack-plan-settings"]) .rule-row {
  grid-template-columns: 34px 1.05fr 132px 1fr 132px 1fr 142px 132px 1fr 1.1fr 110px 70px 78px;
}

:where(html[data-chekku-page="pack-plan-settings"]) input[name="sort_order"] {
  display: none !important;
}

:where(html[data-chekku-page="pack-plan-settings"]) .type-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(560px,1fr));
  gap: 14px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .type-block {
  padding: 13px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#f8fafc);
  border: 1px solid var(--ck-legacy-line,#e5edf7);
  overflow: hidden;
}

:where(html[data-chekku-page="pack-plan-settings"]) .type-block .option-row {
  grid-template-columns: 34px minmax(180px,1fr) 92px 94px 94px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .type-block .option-row input[name="option_value"] {
  min-width: 0;
}

:where(html[data-chekku-page="pack-plan-settings"]) .type-block .option-row .check {
  justify-content: center;
}

:where(html[data-chekku-page="pack-plan-settings"]) .type-block .option-row button {
  width: auto;
}

:where(html[data-chekku-page="pack-plan-settings"]) .type-block .empty-state {
  margin: 8px 0 0;
}

:where(html[data-chekku-page="pack-plan-settings"]) .type-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .type-title h3 {
  margin: 0;
}

:where(html[data-chekku-page="pack-plan-settings"]) .count {
  padding: 5px 9px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#e2e8f0);
  color: var(--ck-legacy-accent,#334155);
  font-weight: 600;
  font-size: .76rem;
}

:where(html[data-chekku-page="pack-plan-settings"]) .is-saving {
  opacity: .62;
  pointer-events: none;
}

:where(html[data-chekku-page="pack-plan-settings"]) .toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 50;
  background: var(--ck-solid-blue-deep,var(--color-blue-deep));
  color: var(--color-ink);
  border-radius: var(--radius-card);
  padding: 12px 14px;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="pack-plan-settings"]) .toast.error-toast {
  background: #991b1b;
}

:where(html[data-chekku-page="pack-plan-settings"]) .empty-state {
  padding: 14px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#f8fafc);
  border: 1px dashed var(--ck-legacy-line,#cbd5e1);
  color: var(--color-muted);
  font-weight: 600;
}

@media (max-width:1280px) {
:where(html[data-chekku-page="pack-plan-settings"]) .section-cards {
  grid-template-columns: repeat(2,1fr);
}

:where(html[data-chekku-page="pack-plan-settings"]) .row,
:where(html[data-chekku-page="pack-plan-settings"]) .add-size,
:where(html[data-chekku-page="pack-plan-settings"]) .add-option,
:where(html[data-chekku-page="pack-plan-settings"]) .rule-row,
:where(html[data-chekku-page="pack-plan-settings"]) .add-rule,
:where(html[data-chekku-page="pack-plan-settings"]) .section-row,
:where(html[data-chekku-page="pack-plan-settings"]) .option-row,
:where(html[data-chekku-page="pack-plan-settings"]) .size-row,
:where(html[data-chekku-page="pack-plan-settings"]) .rule-trigger-grid,
:where(html[data-chekku-page="pack-plan-settings"]) .rule-outcome-row {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-head-row {
  grid-template-columns: 34px minmax(0,1fr) auto 118px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-size-add {
  grid-template-columns: minmax(0,1fr) 110px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .own-size-row {
  grid-template-columns: 30px 34px minmax(0,1fr) auto 96px 96px;
}

:where(html[data-chekku-page="pack-plan-settings"]) .btn,
:where(html[data-chekku-page="pack-plan-settings"]) button {
  width: 100%;
}

:where(html[data-chekku-page="pack-plan-settings"]) .bulk-bar {
  align-items: stretch;
  flex-direction: column;
}
}

@media (max-width:620px) {
:where(html[data-chekku-page="pack-plan-settings"]) .variety-head-row {
  grid-template-columns: 1fr;
  grid-template-areas: "pick" "name" "active" "save" "remove";
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-head-row button.red {
  justify-self: stretch;
}

:where(html[data-chekku-page="pack-plan-settings"]) .variety-size-add,
:where(html[data-chekku-page="pack-plan-settings"]) .own-size-row {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pack-plan-settings"]) .own-size-row:before {
  display: none;
}
}

@media (max-width:720px) {
:where(html[data-chekku-page="pack-plan-settings"]) .section-cards {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pack-plan-settings"]) .wrap {
  width: min(94vw,1540px);
  padding-top: 16px;
}
}

/* MODULE: pack_plan/view.php */

:root:where(html[data-chekku-page="pack-plan-view"]) {
  --night: var(--color-blue-deep);
  --night2: var(--color-blue-deep);
  --orange: var(--color-coral);
  --line: #dbe3ef;
  --card: rgba(255,255,255,.9);
}

:where(html[data-chekku-page="pack-plan-view"]) * {
  box-sizing: border-box;
}

:where(html[data-chekku-page="pack-plan-view"]) body {
  margin: 0;
  font-family: var(--font-ui);
  background: var(--color-surface);
  color: var(--ink);
}

:where(html[data-chekku-page="pack-plan-view"]) .wrap {
  width: min(1680px,96vw);
  margin: auto;
  padding: 24px 0 38px;
}

:where(html[data-chekku-page="pack-plan-view"]) .hero,
:where(html[data-chekku-page="pack-plan-view"]) .card {
  padding: 18px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="pack-plan-view"]) .top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

:where(html[data-chekku-page="pack-plan-view"]) .hero h1 {
  margin: 0 0 6px;
}

:where(html[data-chekku-page="pack-plan-view"]) .hero p {
  margin: 0;
}

:where(html[data-chekku-page="pack-plan-view"]) .btn {
  border: 0;
  border-radius: var(--radius-control);
  padding: 10px 13px;
  font-weight: 600;
  text-decoration: none;
  color: var(--color-ink);
  background: var(--ck-solid-blue-deep,var(--color-blue-deep));
  white-space: nowrap;
}

:where(html[data-chekku-page="pack-plan-view"]) .orange {
  background: var(--orange);
}

:where(html[data-chekku-page="pack-plan-view"]) .meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 8px;
}

:where(html[data-chekku-page="pack-plan-view"]) .pill {
  padding: 7px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  font-weight: 600;
}

:where(html[data-chekku-page="pack-plan-view"]) .table-wrap {
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  background: var(--color-surface);
}

:where(html[data-chekku-page="pack-plan-view"]) .pack-table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 1500px;
  width: 100%;
}

:where(html[data-chekku-page="pack-plan-view"]) .pack-table th,
:where(html[data-chekku-page="pack-plan-view"]) .pack-table td {
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 8px;
  vertical-align: middle;
}

:where(html[data-chekku-page="pack-plan-view"]) .pack-table th {
  background: var(--ck-solid-blue-deep,var(--color-blue-deep));
  color: var(--color-ink);
  font-size: .78rem;
  text-transform: uppercase;
}

:where(html[data-chekku-page="pack-plan-view"]) .row-label {
  background: var(--ck-legacy-blue-soft,#f8fafc);
  color: var(--color-ink);
  font-weight: 600;
  min-width: 210px;
}

:where(html[data-chekku-page="pack-plan-view"]) .section-row td {
  background: var(--grade-soft,var(--color-peach-soft)) !important;
  color: var(--grade-color,#9a3412) !important;
  font-weight: 600;
  text-transform: uppercase;
  border-left: 6px solid var(--grade-color,var(--color-coral));
}

:where(html[data-chekku-page="pack-plan-view"]) .cell {
  min-width: 112px;
  font-size: .8rem;
  font-weight: 600;
  white-space: pre-wrap;
}

:where(html[data-chekku-page="pack-plan-view"]) .empty {
  color: var(--ck-legacy-accent,#cbd5e1);
}

:where(html[data-chekku-page="pack-plan-view"]) .c-blue {
  background: var(--color-blue-soft);
}

:where(html[data-chekku-page="pack-plan-view"]) .c-yellow {
  background: var(--ck-legacy-warning-soft,#fef9c3);
}

:where(html[data-chekku-page="pack-plan-view"]) .c-green {
  background: var(--ck-legacy-success-soft,#dcfce7);
}

:where(html[data-chekku-page="pack-plan-view"]) .c-orange {
  background: var(--color-peach-soft);
}

:where(html[data-chekku-page="pack-plan-view"]) .c-red {
  background: var(--ck-legacy-danger-soft,#fee2e2);
}

@media print {
:where(html[data-chekku-page="pack-plan-view"]) body {
  background: var(--color-surface);
}

:where(html[data-chekku-page="pack-plan-view"]) .btn {
  display: none;
}

:where(html[data-chekku-page="pack-plan-view"]) .wrap {
  width: 100%;
  padding: 0;
}

:where(html[data-chekku-page="pack-plan-view"]) .table-wrap {
  overflow: visible;
  border-radius: 0;
}

:where(html[data-chekku-page="pack-plan-view"]) .pack-table {
  font-size: 9px;
  min-width: 0;
}

:where(html[data-chekku-page="pack-plan-view"]) .pack-table th,
:where(html[data-chekku-page="pack-plan-view"]) .pack-table td {
  padding: 4px;
}
}

/* MODULE: plu_stock_control/index.php */

:where(html[data-chekku-page="plu-stock-control-index"]) body {
  margin: 0;
  padding: 0;
  font-family: var(--font-ui);
  margin-left: 220px;
  transition: margin-left 0.3s;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .sidebar {
  height: 100%;
  padding: 2rem 1rem;
  -webkit-backdrop-filter: none;
  transition: transform 0.3s ease-in-out;
  gap: 1.5rem;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .sidebar a {
  text-decoration: none;
  font-weight: 600;
  color: var(--color-purple);
  font-size: 1.1rem;
  padding: 0.3rem 0.5rem;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="plu-stock-control-index"]) .sidebar a:hover {
  background-color: var(--ck-legacy-blue-soft,#E1BEE7);
  color: var(--color-purple);
}

:where(html[data-chekku-page="plu-stock-control-index"]) .toggle-btn {
  position: fixed;
  left: 1rem;
  background: var(--ck-solid-purple,var(--color-purple));
  color: var(--color-ink);
  border: none;
  padding: 0.5rem 1rem;
  border-radius: var(--radius-control);
  cursor: pointer;
  z-index: 1000;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .container {
  padding: 2rem;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .sidebar {
  display: flex;
  flex-direction: column;
  align-items: center;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .sidebar-logo-wrapper {
  width: 100%;
  padding-bottom: 1rem;
  text-align: center;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .sidebar-logo {
  position: absolute;
  bottom: 6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: auto;
  opacity: 1;
  pointer-events: none;
  user-select: none;
  filter: none;
}

:root:where(html[data-chekku-page="plu-stock-control-index"]) {
  --violet: var(--color-purple);
  --lav: #f4e7f9;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .container {
  padding: 3rem 2rem 2rem 2rem;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .header-card {
  text-align: center;
  margin: 0 auto 2rem;
  max-width: 1000px;
  padding: 2rem 2rem 1rem;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .btn {
  background: var(--violet);
  color: var(--color-ink);
  border: none;
  padding: .7rem 1rem;
  border-radius: var(--radius-control);
  cursor: pointer;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="plu-stock-control-index"]) .btn-danger {
  background: #b00020;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .toolbar {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin: .6rem 0 0;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 18px;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-card:hover {
  transform: none;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-card__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  background: var(--color-surface);
  border-bottom: 1px dashed var(--ck-legacy-line,#ead8f6);
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-card__img {
  max-height: 120px;
  max-width: 90%;
  object-fit: contain;
  filter: none;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-card__body {
  padding: 14px 14px 12px 14px;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-title {
  font-weight: 600;
  color: var(--violet);
  margin: 0 0 6px 0;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .pill {
  background: var(--ck-legacy-blue-soft,#e9d7f5);
  border-radius: var(--radius-card);
  padding: 4px 8px;
  font-size: .78rem;
  color: var(--color-purple);
  font-weight: 600;
  display: inline-block;
  margin-right: 6px;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .stat {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 8px;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .stat-box {
  padding: 10px;
  text-align: center;
  font-weight: 600;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-expanded {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1001;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-expanded.active {
  display: flex;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-sheet {
  width: min(900px, 92vw);
  max-height: 86vh;
  overflow: auto;
  animation: ck-plu-stock-control-index-pop .18s ease-out;
}

@keyframes ck-plu-stock-control-index-pop {
from {
  transform: scale(.98);
  opacity: 0;
}

to {
  transform: scale(1);
  opacity: 1;
}
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-sheet__head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--ck-legacy-line,#eeddf9);
  position: sticky;
  top: 0;
  background: var(--color-surface);
  backdrop-filter: none;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-sheet__img {
  height: 64px;
  width: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .plu-sheet__title {
  margin: 0;
  color: var(--violet);
}

:where(html[data-chekku-page="plu-stock-control-index"]) .close-x {
  margin-left: auto;
  border: 1px solid var(--ck-legacy-line,#e6d7f6);
  cursor: pointer;
  font-weight: 600;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .sheet-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  padding: 18px;
}

@media (max-width: 850px) {
:where(html[data-chekku-page="plu-stock-control-index"]) .sheet-grid {
  grid-template-columns: 1fr;
}
}

:where(html[data-chekku-page="plu-stock-control-index"]) .card-like {
  background: rgba(var(--ck-legacy-surface-rgb,255,255,255),0.741176);
  border: 1px solid var(--ck-legacy-line,#efdefa);
  border-radius: var(--radius-card);
  padding: 14px;
  box-shadow: none;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .kv {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .kv label {
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="plu-stock-control-index"]) .kv .val {
  font-weight: 600;
  color: var(--ck-legacy-accent,#51247f);
}

:where(html[data-chekku-page="plu-stock-control-index"]) .row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: end;
}

:where(html[data-chekku-page="plu-stock-control-index"]) .input {
  width: 150px;
  padding: .55rem .7rem;
  border-radius: var(--radius-control);
  border: 1px solid var(--ck-legacy-line,#e5d3f6);
  outline: none;
}

/* MODULE: plu_stock_control/usage.php */

:where(html[data-chekku-page="plu-stock-control-usage"]) .sidebar {
  height: 100%;
  padding: 2rem 1rem;
  -webkit-backdrop-filter: none;
  transition: transform 0.3s ease-in-out;
  gap: 1.5rem;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .sidebar a {
  text-decoration: none;
  font-weight: 600;
  color: var(--color-purple);
  font-size: 1.1rem;
  padding: 0.3rem 0.5rem;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .sidebar a:hover {
  background-color: var(--ck-legacy-blue-soft,#E1BEE7);
  color: var(--color-purple);
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .toggle-btn {
  position: fixed;
  left: 1rem;
  background: var(--ck-solid-purple,var(--color-purple));
  color: var(--color-ink);
  border: none;
  padding: 0.5rem 1rem;
  border-radius: var(--radius-control);
  cursor: pointer;
  z-index: 1000;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .container {
  padding: 2rem;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .sidebar {
  display: flex;
  flex-direction: column;
  align-items: center;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .sidebar-logo-wrapper {
  width: 100%;
  padding-bottom: 1rem;
  text-align: center;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .sidebar-logo {
  position: absolute;
  bottom: 6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: auto;
  opacity: 1;
  pointer-events: none;
  user-select: none;
  filter: none;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) body {
  margin: 0;
  padding: 0;
  font-family: var(--font-ui);
  margin-left: 220px;
  transition: margin-left .3s;
}

:root:where(html[data-chekku-page="plu-stock-control-usage"]) {
  --violet: var(--color-purple);
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .container {
  padding: 3rem 2rem 2rem;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .header-card {
  text-align: center;
  margin: 0 auto 1.5rem;
  max-width: 1200px;
  padding: 1.5rem 1.25rem;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .btn {
  background: var(--violet);
  color: var(--color-ink);
  border: none;
  padding: .7rem 1rem;
  border-radius: var(--radius-control);
  cursor: pointer;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .btn-danger {
  background: #b00020;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .controls {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: end;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .input,
:where(html[data-chekku-page="plu-stock-control-usage"]) .select {
  padding: .55rem .7rem;
  border-radius: var(--radius-control);
  border: 1px solid var(--ck-legacy-line,#e5d3f6);
  outline: none;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .muted {
  color: var(--ck-legacy-accent,#6b5491);
  font-size: .9rem;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .plu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 18px;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .plu-card {
  overflow: hidden;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .plu-card:hover {
  transform: none;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .plu-card__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  background: var(--color-surface);
  border-bottom: 1px dashed var(--ck-legacy-line,#ead8f6);
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .plu-card__img {
  max-height: 120px;
  max-width: 90%;
  object-fit: contain;
  filter: none;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .plu-card__body {
  padding: 14px;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .plu-title {
  margin: 0 0 6px;
  color: var(--violet);
  font-weight: 600;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .pill {
  background: var(--ck-legacy-blue-soft,#e9d7f5);
  border-radius: var(--radius-card);
  padding: 6px 10px;
  font-size: .8rem;
  color: var(--color-purple);
  font-weight: 600;
  display: inline-block;
  margin-right: 6px;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .logs-full {
  margin-top: 1.2rem;
  width: 100%;
  background: var(--color-surface);
  border: 1px solid var(--ck-legacy-line,#efdefa);
  border-radius: var(--radius-card);
  box-shadow: none;
  padding: 14px;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .logs-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: .2rem 0 .6rem;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .logs-title {
  margin: .2rem 0;
  color: var(--ck-legacy-accent,#5b1787);
  font-size: 1.1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .table-wrap {
  height: calc(100vh - 420px);
  min-height: 460px;
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px dashed var(--ck-legacy-line,#ead8f6);
  background: var(--color-surface);
}

:where(html[data-chekku-page="plu-stock-control-usage"]) table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) thead th {
  position: sticky;
  top: 0;
  background: var(--ck-legacy-blue-soft,#faf5ff);
  z-index: 1;
  border-bottom: 1px solid var(--ck-legacy-line,#ead8f6);
  padding: .7rem .6rem;
  text-align: left;
  color: var(--color-purple);
  font-weight: 600;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) tbody td {
  border-bottom: 1px dashed var(--ck-legacy-line,#ead8f6);
  padding: .6rem .5rem;
  font-size: .95rem;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) tfoot th {
  position: sticky;
  bottom: 0;
  background: var(--ck-legacy-blue-soft,#faf5ff);
  border-top: 1px solid var(--ck-legacy-line,#ead8f6);
  padding: .7rem .6rem;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .badges {
  margin-top: .5rem;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .badge {
  background: var(--ck-legacy-blue-soft,#efe0f8);
  color: var(--color-purple);
  border-radius: var(--radius-card);
  padding: 6px 10px;
  font-weight: 600;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1001;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .overlay.active {
  display: flex;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .sheet {
  width: min(560px,92vw);
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .sheet-head {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  border-bottom: 1px solid var(--ck-legacy-line,#eeddf9);
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .sheet-img {
  height: 56px;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .sheet-title {
  margin: 0;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .sheet-body {
  padding: 16px 18px;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="plu-stock-control-usage"]) .close-x {
  margin-left: auto;
  border: 1px solid var(--ck-legacy-line,#e6d7f6);
  cursor: pointer;
  font-weight: 600;
}

/* MODULE: plu_stock_control/Good offline/index.php */

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) body {
  margin: 0;
  padding: 0;
  font-family: var(--font-ui);
  margin-left: 220px;
  transition: margin-left 0.3s;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .sidebar {
  height: 100%;
  padding: 2rem 1rem;
  -webkit-backdrop-filter: none;
  transition: transform 0.3s ease-in-out;
  gap: 1.5rem;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .sidebar a {
  text-decoration: none;
  font-weight: 600;
  color: var(--color-purple);
  font-size: 1.1rem;
  padding: 0.3rem 0.5rem;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .sidebar a:hover {
  background-color: var(--ck-legacy-blue-soft,#E1BEE7);
  color: var(--color-purple);
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .toggle-btn {
  position: fixed;
  left: 1rem;
  background: var(--ck-solid-purple,var(--color-purple));
  color: var(--color-ink);
  border: none;
  padding: 0.5rem 1rem;
  border-radius: var(--radius-control);
  cursor: pointer;
  z-index: 1000;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .container {
  padding: 2rem;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .sidebar {
  display: flex;
  flex-direction: column;
  align-items: center;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .sidebar-logo-wrapper {
  width: 100%;
  padding-bottom: 1rem;
  text-align: center;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .sidebar-logo {
  position: absolute;
  bottom: 6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: auto;
  opacity: 1;
  pointer-events: none;
  user-select: none;
  filter: none;
}

:root:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) {
  --violet: var(--color-purple);
  --violet-600: #5b1787;
  --lav: #f4e7f9;
  --soft: rgba(255,255,255,.6);
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 18px;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-card:hover {
  transform: none;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-card__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  background: var(--color-surface);
  border-bottom: 1px dashed var(--ck-legacy-line,#ead8f6);
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-card__img {
  max-height: 120px;
  max-width: 90%;
  object-fit: contain;
  filter: none;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-card__body {
  padding: 14px 14px 12px 14px;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-title {
  font-weight: 600;
  color: var(--violet);
  margin: 0 0 6px 0;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-meta {
  font-size: .92rem;
  color: var(--ck-legacy-accent,#5a2d84);
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .chip {
  background: var(--ck-legacy-blue-soft,#efe0f8);
  color: var(--color-purple);
  border-radius: var(--radius-control);
  padding: 6px 10px;
  font-weight: 600;
  font-size: .8rem;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .pill {
  background: var(--ck-legacy-blue-soft,#e9d7f5);
  border-radius: var(--radius-card);
  padding: 4px 8px;
  font-size: .78rem;
  color: var(--color-purple);
  font-weight: 600;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-expanded {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1001;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-expanded.active {
  display: flex;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-sheet {
  width: min(900px, 92vw);
  max-height: 86vh;
  overflow: auto;
  animation: ck-plu-stock-control-good-offline-index-pop .18s ease-out;
}

@keyframes ck-plu-stock-control-good-offline-index-pop {
from {
  transform: scale(.98);
  opacity: 0;
}

to {
  transform: scale(1);
  opacity: 1;
}
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-sheet__head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--ck-legacy-line,#eeddf9);
  position: sticky;
  top: 0;
  background: var(--color-surface);
  backdrop-filter: none;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-sheet__img {
  height: 64px;
  width: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .plu-sheet__title {
  margin: 0;
  color: var(--violet);
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .close-x {
  margin-left: auto;
  border: 1px solid var(--ck-legacy-line,#e6d7f6);
  cursor: pointer;
  font-weight: 600;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .sheet-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  padding: 18px;
}

@media (max-width: 850px) {
:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .sheet-grid {
  grid-template-columns: 1fr;
}
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .card-like {
  background: rgba(var(--ck-legacy-surface-rgb,255,255,255),0.741176);
  border: 1px solid var(--ck-legacy-line,#efdefa);
  border-radius: var(--radius-card);
  padding: 14px;
  box-shadow: none;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .kv {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .kv label {
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .kv .val {
  font-weight: 600;
  color: var(--ck-legacy-accent,#51247f);
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .input {
  width: 140px;
  padding: .55rem .7rem;
  border-radius: var(--radius-control);
  border: 1px solid var(--ck-legacy-line,#e5d3f6);
  outline: none;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .btn {
  background: var(--violet);
  color: var(--color-ink);
  border: none;
  padding: .7rem 1rem;
  border-radius: var(--radius-control);
  cursor: pointer;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .stat {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 8px;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .stat-box {
  padding: 10px;
  text-align: center;
  font-weight: 600;
}

:where(html[data-chekku-page="plu-stock-control-good-offline-index"]) .muted {
  color: var(--ck-legacy-accent,#6b5491);
  font-size: .85rem;
}

/* MODULE: pregrade_analysis/dashboard.php, pregrade_analysis3/dashboard.php */

:root:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) {
  --border: rgba(108,91,123,.14);
  --border-soft: rgba(18,16,28,.08);
  --bg-start: #F0E7FF;
  --bg-mid: #F8F2FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.88);
  --comp: #4DB6AC;
  --c2: #FFB74D;
  --waste: #EF5350;
  --pack: #2E7D32;
  --track: #EEE7F8;
  --good: #1F8F5F;
  --good-bg: #EAF9F1;
  --bad: #B42318;
  --bad-bg: #FFF1F1;
  --neutral: #667085;
  --neutral-bg: #F3F4F6;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]),
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) body {
  height: 100%;
}

html:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]),
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) body {
  overflow-x: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  overflow-x: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar .brand,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar header {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: 10px 12px 6px;
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar nav,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar .nav,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: none;
  margin: 8px 0 0;
  padding: 0 6px 12px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
  white-space: nowrap;
  transition: background .15s ease,color .15s ease,transform .04s ease;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar a:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar a.active {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar-logo {
  display: block;
  width: 190px;
  margin: 20px auto 22px;
  filter: none;
  opacity: .95;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .95rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .page-shell {
  padding: 22px 0 32px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px 26px;
  margin-bottom: 18px;
  isolation: isolate;
  min-height: 260px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-grid {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-mascot {
  position: absolute;
  left: 2px;
  bottom: -8px;
  width: min(29vw, 310px);
  max-width: 310px;
  min-width: 200px;
  z-index: 0;
  pointer-events: none;
  opacity: .98;
  filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-mascot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 840px;
  padding-left: 6px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-copy h1 {
  margin: 0;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-copy p {
  margin: 0;
  max-width: 760px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-size: .9rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#3A2759);
  backdrop-filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-strip {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  color: var(--ck-legacy-accent,#4B3B67);
  font-size: .88rem;
  font-weight: 600;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .btn {
  appearance: none;
  border: none;
  border-radius: var(--radius-control);
  padding: .78rem 1rem;
  font-weight: 600;
  font-size: .92rem;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .btn-primary {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
  border: 1px solid rgba(74,20,140,.22);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .btn-primary:hover {
  filter: brightness(1.03);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--color-purple);
  border: 1px solid var(--ck-legacy-line,#e7dff5);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .btn-ghost:hover {
  background: var(--ck-legacy-blue-soft,#faf6ff);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .icon-btn {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  cursor: pointer;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel {
  overflow: hidden;
  margin-bottom: 18px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel-chip {
  padding: 9px 12px;
  border-radius: var(--radius-control);
  background: var(--ck-legacy-blue-soft,#F6EEFF);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel-chip-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .current-period-chip {
  color: var(--color-blue-deep);
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-grid {
  display: grid;
  grid-template-columns: 1.45fr .95fr;
  gap: 16px;
  align-items: stretch;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-card {
  position: relative;
  overflow: hidden;
  padding: 22px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-card::after {
  content: none !important;
  position: absolute;
  right: -36px;
  top: -36px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-size: .78rem;
  font-weight: 600;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-big-label {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .82rem;
  font-weight: 600;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-big-value {
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-big-sub {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 600;
  font-size: .94rem;
  line-height: 1.45;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .composition {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .composition-bar {
  width: 100%;
  height: 18px;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#EFEAF7);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.06);
  display: flex;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .seg {
  height: 100%;
  display: block;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .composition-legend {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .legend-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .legend-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex: 0 0 12px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .legend-name {
  font-size: .9rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#261644);
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .legend-value {
  text-align: right;
  font-size: .88rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.2;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .insight-strip {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .insight-card {
  padding: 12px 14px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .insight-label {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .insight-value {
  margin-top: 6px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#291947);
  line-height: 1.25;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .insight-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .84rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-side-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  height: 100%;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .mini-summary {
  position: relative;
  overflow: hidden;
  padding: 18px;
  box-shadow: none;
  min-height: 154px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .mini-summary::after {
  content: none !important;
  position: absolute;
  right: -30px;
  top: -30px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .mini-icon {
  display: grid;
  place-items: center;
  font-size: 1.25rem;
  box-shadow: none;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .mini-label {
  text-transform: uppercase;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .mini-value {
  margin-top: 6px;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
  color: var(--ck-legacy-accent,#291947);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .mini-sub {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 600;
  font-size: .9rem;
  line-height: 1.4;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .delta-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: .24rem .58rem;
  border-radius: var(--radius-card);
  border: 1px solid;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
  margin-top: .5rem;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .delta-badge .ic {
  font-size: .85rem;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .delta-badge .vs {
  opacity: .75;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .delta-badge.up {
  color: var(--ck-legacy-success,#0b7d45);
  background: var(--ck-legacy-success-soft,#e9f7ef);
  border-color: var(--ck-legacy-line,#bfe6cf);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .delta-badge.down {
  color: var(--ck-legacy-danger,#b3261e);
  background: var(--ck-legacy-danger-soft,#fdebea);
  border-color: var(--ck-legacy-line,#f4c7c3);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .delta-badge.neutral {
  color: var(--ck-legacy-muted,#5f6368);
  background: var(--ck-legacy-blue-soft,#f2f4f8);
  border-color: var(--ck-legacy-line,#e0e3e7);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .delta-badge.good {
  color: var(--good);
  background: var(--good-bg);
  border-color: rgba(31,143,95,.18);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .delta-badge.bad {
  color: var(--bad);
  background: var(--bad-bg);
  border-color: rgba(180,35,24,.18);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-strip {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 14px;
  align-items: stretch;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-side {
  padding: 16px;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .period-note {
  margin-top: 2px;
  color: var(--ck-legacy-muted,#7A6A95);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-side .label {
  color: var(--muted);
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-side .value {
  margin-top: 8px;
  font-size: 2rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#291947);
  line-height: 1;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-side .sub {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 600;
  font-size: .9rem;
  line-height: 1.35;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-middle {
  display: grid;
  place-items: center;
  min-width: 120px;
  padding: 12px 14px;
  box-shadow: none;
  text-align: center;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-middle .label {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-middle .value {
  margin-top: 8px;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#291947);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chips-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .active-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  color: var(--ck-legacy-accent,#49315F);
  font-weight: 600;
  font-size: .84rem;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-sticky {
  position: sticky;
  top: 12px;
  z-index: 30;
  margin-top: 16px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 14px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-left,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-weight: 600;
  color: var(--ck-legacy-accent,#35214F);
  box-shadow: none;
  font-size: .84rem;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 2px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .active-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  color: var(--ck-legacy-accent,#2A1A4E);
  font-size: .82rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .charts-grid {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .donuts-col,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .bars-col {
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card {
  overflow: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.06);
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card-title {
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card-body {
  padding: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .donut-wrap {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 18px;
  align-items: center;
  justify-content: center;
  min-height: 280px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .canvas-box {
  width: 260px;
  height: 260px;
  margin: 0 auto;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .canvas-box canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .html-legend {
  display: grid;
  gap: 10px;
  align-content: center;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .html-legend .item {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-weight: 600;
  color: var(--ck-legacy-accent,#36204F);
  font-size: .92rem;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .html-legend .swatch {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,0,0,0),0.18);
  flex-shrink: 0;
  box-sizing: content-box;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-control);
  padding: 4px;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toggle-seg {
  border: none;
  background: transparent;
  color: var(--ck-legacy-muted,#6A6580);
  border-radius: var(--radius-control);
  padding: 7px 10px;
  font-size: .8rem;
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toggle-seg.active {
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .bar-wrap {
  width: 100%;
  height: 520px;
  position: relative;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .bar-wrap canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-card {
  overflow: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-head {
  padding: 16px 18px 12px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.06);
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-title {
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-body {
  padding: 14px 16px 16px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-list {
  display: grid;
  gap: 10px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px 12px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-no {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  font-size: .82rem;
  font-weight: 600;
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--color-purple);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-main {
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-title {
  font-size: .92rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#261644);
  line-height: 1.3;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-sub {
  margin-top: 3px;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.3;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-value {
  text-align: right;
  font-size: .92rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#291947);
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .defects-table-wrap {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) table.defects-table {
  width: 100%;
  min-width: 720px;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .defects-table th,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .defects-table td {
  padding: 12px 14px;
  font-size: .92rem;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,0,0,0),0.06);
  vertical-align: middle;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .defects-table thead th {
  position: sticky;
  top: 0;
  background: var(--ck-legacy-blue-soft,#faf6ff);
  color: var(--color-purple);
  font-weight: 600;
  z-index: 2;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .defects-table tbody tr:hover {
  background: var(--ck-legacy-blue-soft,#fcfbff);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .type-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  font-size: .8rem;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid transparent;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .type-pill.c2 {
  background: var(--ck-legacy-warning-soft,#FFF6E7);
  color: var(--ck-legacy-warning,#B76E00);
  border-color: rgba(183,110,0,.16);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .type-pill.waste {
  background: var(--ck-legacy-danger-soft,#FFF1F1);
  color: var(--ck-legacy-danger,#B42318);
  border-color: rgba(180,35,24,.16);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .drawer-stat {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .drawer-stat-box {
  padding: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .drawer-stat-box .label {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .drawer-stat-box .value {
  margin-top: 6px;
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#291947);
  line-height: 1.25;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: 420px;
  max-width: min(92vw,460px);
  transform: translateX(110%);
  transition: transform .28s ease;
  z-index: 1400;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-drawer.open {
  transform: translateX(0);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
  z-index: 1390;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-drawer header {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 12px 16px;
  background: var(--color-surface);
  border-bottom: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-drawer header .title {
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-drawer header .subtitle {
  font-size: .9rem;
  color: var(--muted);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .drawer-body {
  padding: 14px 16px;
  overflow: auto;
  flex: 1;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .drawer-footer {
  position: sticky;
  bottom: 0;
  padding: 12px 16px;
  display: flex;
  gap: .6rem;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .quick-chips {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: .75rem;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chip {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  background: var(--ck-legacy-blue-soft,#f7f2ff);
  color: var(--ck-legacy-accent,#5a2b84);
  padding: .35rem .6rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  font-size: .85rem;
  cursor: pointer;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chip-reset {
  background: var(--color-surface);
  color: var(--ck-legacy-danger,#b00020);
  border-color: var(--ck-legacy-line,#f1c9cf);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-group {
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-group label {
  display: block;
  font-weight: 600;
  color: var(--color-purple);
  margin-bottom: .35rem;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-wrap {
  position: relative;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-icon {
  position: absolute;
  left: .7rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-wrap input[type="date"],
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-wrap select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  height: 42px;
  padding: .65rem .75rem .65rem 2.1rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#1E1B2A);
  font-weight: 600;
  font-size: .95rem;
  outline: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-wrap input[type="date"]:focus,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-wrap select:focus {
  border-color: var(--ck-legacy-line,#cbb9f0);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) body.filters-open {
  overflow: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .ajax-refresh-mask {
  position: fixed;
  inset: 0;
  z-index: 1600;
  display: none;
  place-items: center;
  background: rgba(39,58,77,.18);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .ajax-refresh-mask.show {
  display: grid;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .ajax-refresh-card {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .ajax-refresh-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-coral);
  box-shadow: none;
  animation: ck-pregrade-analysis-dashboard-chekkuPulse 1s infinite;
}

@keyframes ck-pregrade-analysis-dashboard-chekkuPulse {
0% {
  box-shadow: none;
}

70% {
  box-shadow: none;
}

100% {
  box-shadow: none;
}
}

@media (max-width:1180px) {
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-grid,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .charts-grid,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-grid {
  grid-template-columns: 1fr;
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero {
  min-height: auto;
  padding-bottom: 22px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-mascot {
  width: 220px;
  left: -12px;
  bottom: -6px;
  opacity: .24;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-side-grid,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .insight-strip {
  grid-template-columns: 1fr 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .donut-wrap {
  grid-template-columns: 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-top,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-top {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-mascot {
  width: 180px;
  left: -24px;
  bottom: -6px;
  opacity: .18;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-copy {
  padding-left: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-main,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel-head,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card-head,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-strip {
  flex-direction: column;
  grid-template-columns: 1fr;
  align-items: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .canvas-box {
  width: 220px;
  height: 220px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .bar-wrap {
  height: 460px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .drawer-stat,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-side-grid,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .insight-strip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-strip {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-actions .btn,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-right .btn {
  width: 100%;
}
}

:root:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) {
  --border: rgba(53,92,125,.14) !important;
  --border-soft: rgba(39,58,77,.08) !important;
  --bg-start: var(--color-ink) !important;
  --bg-mid: var(--color-blue-deep) !important;
  --bg-end: var(--color-peach-soft) !important;
  --glass: rgba(255,255,255,.66) !important;
  --track: rgba(53,92,125,.10) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) body {
  color: var(--text) !important;
  background-size: cover !important;
  position: relative !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .page-shell {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toggle-btn {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar .brand,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar header,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar a.active,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar a {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar a:hover,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .sidebar a.active {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero::before {
  background: var(--color-surface) !important;
  width: 320px !important;
  height: 320px !important;
  right: -120px !important;
  top: -140px !important;
  left: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .eyebrow,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-kicker,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-top .eyebrow {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-copy h1,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel-title,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card-title,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-title,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-drawer header .title,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-group label {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-copy p,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel-sub,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card-sub,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-sub,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .meta-pill,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .active-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .active-filter-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-sub,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .mini-sub,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-side .sub {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .meta-pill,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-strip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-badge,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .active-filter-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .active-chip {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-card,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .mini-summary,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-card,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-side,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-middle,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .insight-card,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .legend-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-row,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .drawer-stat-box,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .defects-table-wrap {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card-head,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-head,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-drawer header,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .drawer-footer {
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-big-value,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .mini-value,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-side .value,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-middle .value,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .insight-value,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .legend-name,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-title,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-value,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .drawer-stat-box .value {
  color: var(--chekku-primary-900) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .composition-bar {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.10) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .btn-primary,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toggle-seg.active {
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .btn-primary:hover,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .btn-ghost:hover {
  filter: brightness(1.03) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .btn-ghost,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .icon-btn {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-toggle {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toggle-seg {
  color: var(--color-muted) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-no {
  background: rgba(53,92,125,.10) !important;
  color: var(--chekku-primary-700) !important;
  border-color: rgba(53,92,125,.14) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .type-pill.c2 {
  background: var(--color-peach-soft) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.18) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .type-pill.waste {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .defects-table tbody tr:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.42) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chip {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chip:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chip-reset {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-wrap input[type="date"],
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-wrap select {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-wrap input[type="date"]:focus,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-wrap select:focus {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .tone-purple .mini-icon,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .tone-green .mini-icon,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .tone-orange .mini-icon,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .tone-red .mini-icon {
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) header,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) main,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .page-shell,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .content {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) body::before,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chekku-bg-filter {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: var(--color-surface) !important;
  background-size: cover !important;
  transform: translateZ(0) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  min-height: 100svh;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .page-shell {
  min-height: 100svh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .app-topbar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  overflow: visible;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .app-topbar::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .brand-cluster {
  display: flex;
  align-items: center;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .brand-orb {
  flex: 0 0 132px;
  display: grid;
  place-items: center;
  overflow: visible;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .brand-orb img {
  width: 130px;
  height: 130px;
  object-fit: contain;
  display: block;
  filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .app-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .brand-cluster h1 {
  margin: 8px 0 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-actions .chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .app-topbar .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: var(--radius-control);
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem;
  font-weight: 600;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  text-decoration: none;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .app-topbar .back-btn {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .app-topbar .back-btn:hover {
  transform: none;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero {
  min-height: 0 !important;
  padding: 24px !important;
  margin-bottom: 2px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-mascot {
  right: 24px !important;
  left: auto !important;
  bottom: -18px !important;
  width: min(22vw, 235px) !important;
  min-width: 170px !important;
  opacity: .18 !important;
  filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-grid > div:first-child {
  display: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-copy {
  max-width: 980px !important;
  padding-left: 0 !important;
  gap: 12px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .eyebrow,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-kicker {
  background: var(--color-surface) !important;
  color: var(--color-blue) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-actions .btn {
  min-height: 42px;
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .meta-pill,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-strip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-badge,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .active-filter-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel-chip {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  box-shadow: none !important;
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel {
  margin-bottom: 4px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel-head {
  padding-bottom: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel-title {
  letter-spacing: -.045em;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-card,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .mini-summary,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-card,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-side,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .compare-middle,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .insight-card,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .legend-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rank-row,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .drawer-stat-box,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .defects-table-wrap {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.56) !important;
  box-shadow: none !important;
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .mini-summary {
  min-height: 150px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .mini-summary::before,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .summary-card::before {
  content: none !important;
  position: absolute;
  inset: auto 16px 12px 16px;
  height: 5px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  opacity: .70;
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card-head,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-head,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-drawer header,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .drawer-footer {
  background: var(--color-surface) !important;
  border-color: rgba(8,42,85,.10) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card-title,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-title,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-drawer header .title,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .input-group label {
  color: var(--color-ink) !important;
  letter-spacing: -.02em;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chart-card-sub,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .breakdown-sub {
  color: var(--color-muted) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .btn-primary,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toggle-seg.active {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .btn-ghost,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .icon-btn,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .chip {
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-sticky {
  top: 10px !important;
  margin-top: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .filters-drawer {
  overflow: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .defects-table thead th {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.96) !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .defects-table td {
  background: var(--color-surface);
}

@media (max-width:980px) {
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .app-topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .brand-orb {
  flex-basis: 96px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .brand-orb img {
  width: 96px;
  height: 96px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-actions {
  justify-content: flex-start;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .page-shell {
  justify-content: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .brand-cluster {
  align-items: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .brand-orb {
  flex-basis: 74px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .brand-orb img {
  width: 74px;
  height: 74px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .app-topbar .chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-actions .btn,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-right .btn {
  width: 100%;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-actions,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero-actions,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-right {
  width: 100%;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .hero,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .panel {
  padding: 16px !important;
}
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  margin-bottom: 2px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-main-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-pill-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 12px;
  border-top: 1px solid rgba(8,42,85,.10);
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-orb {
  flex: 0 0 96px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-orb img {
  width: 96px !important;
  height: 96px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-cluster h1 {
  margin-top: 7px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .primary-actions {
  flex: 0 0 auto;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section button.chip {
  font-family: var(--font-ui);
  cursor: pointer;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .action-chip {
  border: none;
  min-height: 42px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .export-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) #openExportRail {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .filter-chip {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .comp-pill {
  background: var(--ck-legacy-blue-soft,#E8FAF7) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .c2-pill {
  background: var(--color-peach-soft) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .waste-pill {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .app-kicker,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .chip {
  background: var(--color-surface) !important;
  border-color: rgba(8,42,85,.10) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .filter-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .back-btn {
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.5) !important;
}

@media (max-width:980px) {
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-main-row {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .primary-actions {
  justify-content: flex-start;
  width: 100%;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-orb {
  flex-basis: 74px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-orb img {
  width: 74px !important;
  height: 74px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-pill-row .chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .primary-actions .chip {
  width: 100%;
}
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section {
  display: block !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section::before,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-pill-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  padding-top: 10px !important;
  border-top: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-orb {
  flex: 0 0 132px !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-orb img {
  width: 130px !important;
  height: 130px !important;
  object-fit: contain !important;
  filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-cluster h1 {
  margin: 3px 0 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .chip {
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .filter-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .back-btn {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .export-chip {
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .comp-pill {
  border-color: rgba(77,182,172,.32) !important;
  background: rgba(var(--ck-legacy-blue-soft-rgb,232,250,247),0.76) !important;
  color: var(--ck-legacy-accent,#176B64) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .c2-pill {
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.3) !important;
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.78) !important;
  color: var(--ck-legacy-warning,#9A5600) !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .waste-pill {
  border-color: rgba(180,35,24,.24) !important;
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,240,242),0.78) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
}

@media (max-width:980px) {
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-main-row {
  align-items: flex-start !important;
  flex-direction: column !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-pill-row {
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-orb {
  flex-basis: 96px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-orb img {
  width: 96px !important;
  height: 96px !important;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-orb {
  flex-basis: 76px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-orb img {
  width: 76px !important;
  height: 76px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .chip {
  width: auto !important;
}
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section {
  position: relative !important;
  padding-bottom: 0 !important;
  margin-bottom: 18px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-reference-line {
  width: 100% !important;
  margin: 10px 10px 12px !important;
  border-radius: var(--radius-card) !important;
  pointer-events: none !important;
  flex-basis: 100% !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .topbar-pill-row {
  padding-top: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-grid .mini-summary::before,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .exec-grid .summary-card::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .page-shell {
  padding: clamp(14px, 2vh, 24px) 0 34px !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .dashboard-layout {
  display: grid;
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .dashboard-rail {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 14px;
  align-self: start;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-card {
  overflow: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-card.primary {
  min-height: 245px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-kicker,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-blue);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-title {
  margin: 5px 0 0;
  letter-spacing: -.055em;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-sub {
  margin: 9px 0 0;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.42;
  font-size: .93rem;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-metric {
  min-width: 0;
  padding: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-metric strong {
  display: block;
  color: var(--color-ink);
  font-size: 1.16rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-metric span {
  display: block;
  margin-top: 5px;
  color: var(--color-muted);
  font-size: .70rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-row-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px;
  align-items: start;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.56);
  box-shadow: none;
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .86rem;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-row small {
  display: block;
  color: var(--color-muted);
  font-size: .70rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 2px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-filter-text {
  line-height: 1.35;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-quick-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-quick {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--color-blue-deep);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
  font-size: .80rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-quick.active {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.52);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-actions .btn {
  width: 100%;
  min-height: 40px;
  border-radius: var(--radius-control);
  padding: .7rem .85rem;
  font-size: .82rem;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .dashboard-main {
  min-width: 0;
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .dashboard-main .panel {
  margin-bottom: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .dashboard-main .panel-head {
  align-items: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .dashboard-main .panel-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .dashboard-main .active-filter-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .dashboard-main .toolbar-badge {
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .toolbar-sticky {
  display: none !important;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .dashboard-layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .dashboard-rail {
  position: relative;
  top: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-card.primary {
  grid-column: 1 / -1;
  min-height: auto;
}
}

@media (max-width:720px) {
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .dashboard-rail,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-metric-grid,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-quick-grid,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .rail-actions {
  grid-template-columns: 1fr;
}
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section #openExportHero.export-chip,
:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .export-chip {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section #openExportHero.export-chip:hover {
  filter: brightness(1.04);
  transform: none;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .app-kicker {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-dashboard"],html[data-chekku-page="pregrade-analysis3-dashboard"]) .top-control-section .brand-cluster h1 {
  background: transparent !important;
}

/* MODULE: pregrade_analysis/edit_entry.php, pregrade_analysis3/edit_entry.php */

:root:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) {
  --border: rgba(108,91,123,.14);
  --border-soft: rgba(18,16,28,.08);
  --bg-start: #F0E7FF;
  --bg-mid: #F8F2FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.84);
  --ring: rgba(108,91,123,.18);
  --minor: #F59E0B;
  --major: #E53935;
  --good: #1F8F5F;
  --info: #2458A6;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]),
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) body {
  height: 100%;
}

html:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]),
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) body {
  overflow-x: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  overflow-x: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  border-radius: var(--radius-control);
  padding: .7rem .95rem;
  box-shadow: none;
  cursor: pointer;
  font-weight: 600;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: background .15s ease,color .15s ease,transform .04s ease;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar a:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar a.active,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar a[aria-current="page"] {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar-logo {
  position: absolute;
  bottom: 6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .page-shell {
  padding: 22px 0 28px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px 26px;
  margin-bottom: 18px;
  isolation: isolate;
  min-height: 230px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero-copy h1 {
  margin: 0 0 10px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero-copy p {
  margin: 0;
  max-width: 780px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-size: .9rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#3A2759);
  backdrop-filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .alert-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .alert-icon {
  width: 42px;
  height: 42px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  font-size: 1.15rem;
  font-weight: 600;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .alert-card.success .alert-icon {
  background: var(--ck-legacy-success-soft,#EAF9F1);
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .alert-card.warning .alert-icon {
  background: var(--ck-legacy-warning-soft,#FFF6E7);
  color: var(--ck-legacy-warning,#B76E00);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .alert-card.error .alert-icon {
  background: var(--ck-legacy-danger-soft,#FFF1F1);
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .alert-copy strong {
  display: block;
  color: var(--ck-legacy-accent,#2A1A4E);
  font-size: .98rem;
  margin-bottom: 4px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .alert-copy span {
  color: var(--muted);
  font-weight: 600;
  line-height: 1.45;
  font-size: .9rem;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .panel {
  overflow: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .panel + .panel {
  margin-top: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .panel-chip {
  padding: 9px 12px;
  border-radius: var(--radius-control);
  background: var(--ck-legacy-blue-soft,#F6EEFF);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-weight: 600;
  white-space: nowrap;
  font-size: .86rem;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 18px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card {
  position: relative;
  overflow: hidden;
  padding: 16px;
  min-height: 136px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card::after {
  content: none !important;
  position: absolute;
  right: -28px;
  top: -28px;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-label {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-value {
  margin-top: 6px;
  font-size: 1.55rem;
  font-weight: 600;
  line-height: 1;
  color: var(--ck-legacy-accent,#291947);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-sub {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 600;
  font-size: .84rem;
  line-height: 1.35;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .edit-form {
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .form-grid.form-grid-4 {
  grid-template-columns: repeat(4,minmax(0,1fr));
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .input-group label {
  display: block;
  font-weight: 600;
  color: var(--color-purple);
  margin-bottom: .4rem;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .field,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) select,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="date"],
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="text"],
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="number"],
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="file"],
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) textarea,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .select2-container--default .select2-selection--single {
  width: 100%;
  padding: .75rem .88rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#1E1B2A);
  font-size: .96rem;
  font-weight: 600;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
  outline: none;
  box-sizing: border-box;
  min-height: 46px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .field:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) select:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="date"]:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="text"]:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="number"]:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="file"]:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) textarea:focus {
  border-color: var(--chekku-primary);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .select2-container {
  width: 100% !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .select2-container--default .select2-selection--single {
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: var(--radius-control) !important;
  padding: 7px 12px !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px !important;
  right: 8px !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px !important;
  font-size: .96rem !important;
  font-weight: 600 !important;
  padding-left: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-section {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  box-shadow: none;
  overflow: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-header {
  width: 100%;
  appearance: none;
  border: none;
  background: var(--color-surface);
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  text-align: left;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-header.waste {
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-header.photos {
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-title strong {
  color: var(--ck-legacy-accent,#2A1A4E);
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-title span {
  color: var(--muted);
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .mini-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-card);
  padding: 7px 10px;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  color: var(--ck-legacy-accent,#2A1A4E);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .arrow {
  font-size: 1rem;
  color: var(--ck-legacy-accent,#5A2B84);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .section-content {
  display: none;
  padding: 16px 18px 18px;
  border-top: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.06);
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .section-content.open {
  display: block;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .defect-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .defect-item {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.1);
  border-radius: var(--radius-card);
  padding: 12px;
  box-shadow: none;
  transition: border-color .14s ease, background .14s ease, box-shadow .14s ease;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .defect-item label {
  display: block;
  font-weight: 600;
  margin-bottom: .5rem;
  color: var(--ck-legacy-accent,#2A1A4E);
  line-height: 1.35;
  min-height: 2.5em;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .defect-value-badge {
  display: none;
  margin-top: 8px;
  width: max-content;
  padding: 6px 10px;
  border-radius: var(--radius-card);
  font-size: .76rem;
  font-weight: 600;
  line-height: 1;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .minor-card.has-value .defect-value-badge,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .major-card.has-value .defect-value-badge {
  display: inline-flex;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .minor-card .defect-value-badge {
  color: var(--ck-legacy-warning,#9A5A00);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .major-card .defect-value-badge {
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-tile {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.1);
  border-radius: var(--radius-card);
  padding: 10px;
  text-align: center;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-thumb-wrap {
  position: relative;
  margin-bottom: 8px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-tile img {
  width: 100%;
  height: 128px;
  object-fit: cover;
  border-radius: var(--radius-card);
  display: block;
  background: var(--ck-legacy-blue-soft,#f3eef8);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  cursor: zoom-in;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .caption-input {
  width: 100%;
  font-size: .8rem;
  padding: 7px 8px;
  border: 1px solid var(--ck-legacy-line,#d7d2e4);
  border-radius: var(--radius-control);
  margin-bottom: 6px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .delete-check {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: .78rem;
  color: var(--ck-legacy-danger,#a00);
  font-weight: 600;
  margin-top: 4px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .new-photo-area {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .new-photo-captions {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .caption-block {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-card);
  padding: 10px 12px;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .caption-block span {
  display: block;
  font-size: .84rem;
  margin-bottom: .35rem;
  color: var(--ck-legacy-accent,#46315f);
  font-weight: 600;
  line-height: 1.35;
  word-break: break-word;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 4px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn {
  padding: .82rem 1.2rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-primary {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(74,20,140,.22);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--color-purple);
  border-color: var(--ck-legacy-line,#e7dff5);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-ghost:hover {
  background: var(--ck-legacy-blue-soft,#faf6ff);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .preview-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.84);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .preview-modal img {
  max-height: 82vh;
  max-width: 92vw;
  border-radius: var(--radius-card);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .preview-modal .close {
  position: absolute;
  top: 16px;
  right: 24px;
  font-size: 32px;
  color: var(--color-ink);
  cursor: pointer;
}

@media (max-width:980px) {
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .form-grid.form-grid-4 {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .defect-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero-top,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .panel-head,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-head {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-grid,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .form-grid,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .form-grid.form-grid-4,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .defect-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .actions .btn {
  width: 100%;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-right {
  width: 100%;
  justify-content: flex-start;
}
}

:root:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) {
  --border: rgba(53,92,125,.14) !important;
  --border-soft: rgba(39,58,77,.08) !important;
  --bg-start: var(--color-ink) !important;
  --bg-mid: var(--color-blue-deep) !important;
  --bg-end: var(--color-peach-soft) !important;
  --glass: rgba(255,255,255,.66) !important;
  --ring: rgba(53,92,125,.16) !important;
  --minor: #F59E0B !important;
  --major: #E53935 !important;
  --good: #1F8F5F !important;
  --info: var(--color-blue) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) body {
  color: var(--text) !important;
  background-size: cover !important;
  position: relative !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .page-shell,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) header,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) main {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-btn {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar a {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar a:hover,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar a.active,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar a[aria-current="page"] {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar-logo,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .sidebar-footer {
  display: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero::before {
  background: var(--color-surface) !important;
  width: 320px !important;
  height: 320px !important;
  right: -120px !important;
  top: -140px !important;
  left: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .eyebrow,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .panel-chip {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero-copy h1,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .panel-title,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .input-group label,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-title strong,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-head h3,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-value {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .hero-copy p,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .panel-sub,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-label,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-sub,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-title span,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .meta-pill {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .meta-pill,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .alert-card,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-section,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .defect-item,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-tile,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .caption-block {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .alert-copy strong {
  color: var(--chekku-primary-900) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .alert-copy span {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .field,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) select,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="date"],
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="text"],
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="number"],
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="file"],
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) textarea,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .caption-input,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .select2-container--default .select2-selection--single {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .field:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) select:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="date"]:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="text"]:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="number"]:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) input[type="file"]:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) textarea:focus,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .caption-input:focus {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--text) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .select2-dropdown {
  border: 1px solid rgba(53,92,125,.14) !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--ck-solid-blue,var(--chekku-primary)) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-header {
  background: var(--color-surface) !important;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-header.photos {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .section-content {
  background: var(--color-surface) !important;
  border-top: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .mini-pill {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .arrow {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .defect-item label,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .caption-block span {
  color: var(--chekku-primary-900) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .defect-value-badge {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-tile img {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.74) !important;
  border: 1px solid rgba(53,92,125,.12) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .delete-check {
  color: var(--ck-legacy-danger,#B42318) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-primary {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-primary:hover {
  filter: brightness(1.03) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-ghost {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-ghost:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92) !important;
  border-color: rgba(53,92,125,.18) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .delete-record-form {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-danger {
  color: #fff !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-danger:hover {
  filter: brightness(1.03) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .preview-modal {
  background: rgba(39,58,77,.72) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .preview-modal img {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.32) !important;
  box-shadow: none !important;
}

@media (max-width:760px) {

}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .app-topbar.top-control-section {
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
  -webkit-backdrop-filter: none;
  isolation: isolate;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .app-topbar.top-control-section::before {
  content: none !important;
  position: absolute;
  right: -92px;
  top: -112px;
  width: 260px;
  height: 260px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .topbar-main-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .brand-cluster {
  display: flex;
  align-items: center;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .brand-orb {
  display: grid;
  place-items: center;
  overflow: hidden;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .brand-orb img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .app-kicker {
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 7px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28);
  box-shadow: none;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .brand-cluster h1 {
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .app-topbar .chip,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .topbar-actions .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 13px;
  border-radius: var(--radius-control);
  text-decoration: none;
  color: var(--color-blue-deep);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  box-shadow: none;
  font-size: .84rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .app-topbar .back-btn {
  color: var(--color-ink);
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.24);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .topbar-reference-line {
  margin-top: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .edit-context-line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .edit-context-line .chip strong {
  color: var(--chekku-primary-700);
}

@media (max-width:720px) {
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .topbar-main-row {
  align-items: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .brand-orb img {
  width: 46px;
  height: 46px;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .topbar-actions {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .app-topbar .chip,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .topbar-actions .chip {
  width: auto;
}
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .records-workspace {
  display: grid !important;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .records-main-stack {
  min-width: 0 !important;
  display: grid !important;
  gap: 16px !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .records-side-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 14px !important;
  z-index: 2 !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-intro-card,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-intro-card {
  min-height: 250px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-intro-card h2,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-link:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.88) !important;
  border-color: rgba(53,92,125,.24) !important;
  transform: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .record-edit-main-panel {
  margin-top: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .danger-zone-card .delete-record-form {
  margin-top: 0 !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .records-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .records-side-stack {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-intro-card {
  min-height: 220px !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .records-side-stack {
  grid-template-columns: 1fr !important;
}
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) header,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) main,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .page-shell,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .content {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) body::before,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .app-topbar.top-control-section {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .app-topbar.top-control-section::before,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .app-topbar.top-control-section::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .brand-orb {
  flex: 0 0 132px !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .brand-orb img {
  width: 130px !important;
  height: 130px !important;
  filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .app-kicker {
  padding: 0 !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .topbar-reference-line {
  width: 100% !important;
  margin: 10px 10px 12px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-update {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-update:hover {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-cancel {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .btn-cancel:hover {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .metric-chip.metric-composite,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-metric.metric-composite {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.56) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .metric-chip.metric-class2,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-metric.metric-class2 {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.56) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .metric-chip.metric-waste,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .side-metric.metric-waste {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.56) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card.summary-composite .summary-value,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card.summary-composite .summary-label {
  color: var(--ck-legacy-success,#116B44) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card.summary-composite::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card.summary-class2 .summary-value,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card.summary-class2 .summary-label {
  color: var(--ck-legacy-warning,#A35600) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card.summary-class2::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card.summary-waste .summary-value,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card.summary-waste .summary-label {
  color: var(--ck-legacy-danger,#B42318) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .summary-card.summary-waste::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .composite-count-group {
  padding: 12px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(31,143,95,.24) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .composite-count-group label {
  color: var(--ck-legacy-success,#116B44) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) #composite_count {
  border-color: rgba(31,143,95,.30) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-header.class2 {
  background: var(--color-surface) !important;
  border-bottom: 1px solid rgba(245,158,11,.26) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-header.class2 .toggle-title strong {
  color: var(--ck-legacy-warning,#9A5200) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-header.waste {
  background: var(--color-surface) !important;
  border-bottom: 1px solid rgba(229,57,53,.24) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .toggle-header.waste .toggle-title strong {
  color: var(--ck-legacy-danger,#B42318) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .stepper {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) 42px;
  gap: 8px;
  align-items: center;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .step-btn {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.1);
  font-size: 1.18rem;
  line-height: 1;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  transition: transform .06s ease, box-shadow .16s ease, background .16s ease;
  -webkit-tap-highlight-color: transparent;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .step-btn:hover {
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .step-btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .stepper .field {
  text-align: center;
  font-size: 1.05rem;
  font-weight: 600;
  padding-left: .45rem !important;
  padding-right: .45rem !important;
  -moz-appearance: textfield;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .stepper .field::-webkit-outer-spin-button,
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .stepper .field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-tile {
  position: relative;
  transition: opacity .18s ease, transform .18s ease, border-color .18s ease, background .18s ease;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-delete-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 34px;
  height: 34px;
  border-radius: var(--radius-control);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.72);
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-tile.marked-delete {
  opacity: .46;
  transform: scale(.98);
  border-color: rgba(229,57,53,.34) !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .photo-tile.marked-delete::after {
  content: "Will be deleted on Update";
  position: absolute;
  left: 10px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  padding: 9px 10px;
  border-radius: var(--radius-card);
  background: rgba(180,35,24,.92);
  color: var(--color-ink);
  font-size: .75rem;
  font-weight: 600;
  text-align: center;
  pointer-events: none;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .delete-check {
  display: none !important;
}

@media (max-width:980px) {
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .brand-orb {
  flex-basis: 96px !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .brand-orb img {
  width: 96px !important;
  height: 96px !important;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .brand-orb {
  flex-basis: 76px !important;
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .brand-orb img {
  width: 76px !important;
  height: 76px !important;
}
}

:where(html[data-chekku-page="pregrade-analysis-edit-entry"],html[data-chekku-page="pregrade-analysis3-edit-entry"]) .app-kicker {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* MODULE: pregrade_analysis/form.php, pregrade_analysis3/form.php */

:root:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) {
  --chekku-danger: #E53935;
  --chekku-green: #1F8F5F;
  --border: rgba(108,91,123,.14);
  --border-soft: rgba(18,16,28,.08);
  --bg-start: #F0E7FF;
  --bg-mid: #F8F2FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.84);
  --ring: rgba(108,91,123,.18);
  --class2: #F59E0B;
  --waste: #E53935;
  --compA: #42A5F5;
  --compB: #4CAF50;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]),
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) body {
  height: 100%;
}

html:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]),
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) body {
  overflow-x: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) body.modal-open {
  overflow: hidden !important;
  touch-action: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  overflow-x: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
  white-space: nowrap;
  transition: background .15s ease,color .15s ease,transform .04s ease;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sidebar a:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sidebar a.active {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sidebar-logo {
  display: block;
  width: 190px;
  margin: 20px auto 22px;
  filter: none;
  opacity: .95;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sb-backdrop.is-show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .95rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
  font-weight: 600;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .page-shell {
  padding: 22px 0 28px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px 26px 22px;
  margin-bottom: 18px;
  isolation: isolate;
  min-height: 320px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-mascot {
  position: absolute;
  left: 8px;
  bottom: -2px;
  width: min(28vw, 320px);
  max-width: 320px;
  min-width: 200px;
  z-index: 0;
  pointer-events: none;
  opacity: .99;
  filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-mascot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-grid {
  display: grid;
  grid-template-columns: 300px minmax(0,1fr);
  gap: 18px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 880px;
  padding-left: 4px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-copy h1 {
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-copy p {
  margin: 0;
  max-width: 760px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  align-items: stretch;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-size: .9rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#3A2759);
  backdrop-filter: none;
  max-width: 100%;
  white-space: normal;
  line-height: 1.35;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .meta-pill-wide {
  max-width: min(100%, 360px);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-summary {
  position: relative;
  z-index: 2;
  margin-top: 18px;
  margin-left: 318px;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3,minmax(0,1fr));
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-stat {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-card);
  padding: 16px 16px 15px;
  box-shadow: none;
  backdrop-filter: none;
  text-align: left;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-stat::after {
  content: none !important;
  position: absolute;
  right: -26px;
  top: -26px;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-stat-icon {
  display: grid;
  place-items: center;
  font-size: 1.05rem;
  box-shadow: none;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-stat-label {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-stat-value {
  margin-top: 6px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-stat-sub {
  margin-top: 7px;
  color: var(--muted);
  font-weight: 600;
  font-size: .86rem;
  line-height: 1.35;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .delta-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  max-width: 100%;
  padding: .38rem .68rem;
  border-radius: var(--radius-card);
  border: 1px solid;
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 10px;
  white-space: normal;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .delta-badge.up {
  color: var(--ck-legacy-success,#0b7d45);
  background: var(--ck-legacy-success-soft,#e9f7ef);
  border-color: var(--ck-legacy-line,#bfe6cf);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .delta-badge.down {
  color: var(--ck-legacy-danger,#b3261e);
  background: var(--ck-legacy-danger-soft,#fdebea);
  border-color: var(--ck-legacy-line,#f4c7c3);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .delta-badge.neutral {
  color: var(--ck-legacy-muted,#5f6368);
  background: var(--ck-legacy-blue-soft,#f2f4f8);
  border-color: var(--ck-legacy-line,#e0e3e7);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .panel {
  overflow: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .panel + .panel {
  margin-top: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .panel-chip {
  padding: 9px 12px;
  border-radius: var(--radius-control);
  background: var(--ck-legacy-blue-soft,#F6EEFF);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-weight: 600;
  white-space: nowrap;
  font-size: .86rem;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .input-group label {
  display: block;
  font-weight: 600;
  color: var(--color-purple);
  margin-bottom: .45rem;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .field,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) select,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input[type="date"],
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input[type="text"],
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input[type="number"],
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .select2-container--default .select2-selection--single {
  width: 100%;
  min-height: 46px;
  padding: .65rem .82rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#1E1B2A);
  font-weight: 600;
  font-size: 16px;
  outline: none;
  box-sizing: border-box;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
  -webkit-appearance: none;
  appearance: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .field:focus,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) select:focus,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input[type="date"]:focus,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input[type="text"]:focus,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input[type="number"]:focus {
  border-color: var(--chekku-primary);
  box-shadow: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .select2-container {
  width: 100% !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .select2-container--default .select2-selection--single {
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: var(--radius-control) !important;
  padding: 7px 12px !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px !important;
  right: 8px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px !important;
  color: var(--ck-legacy-accent,#1E1B2A) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding-left: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sticky-status {
  position: sticky;
  top: 12px;
  z-index: 60;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin: .15rem auto 1rem;
  padding: .7rem .8rem;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  border-radius: var(--radius-card);
  backdrop-filter: none;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-weight: 600;
  color: var(--ck-legacy-accent,#35214F);
  box-shadow: none;
  font-size: .84rem;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  align-items: stretch;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-setup-card,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .composite-card,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-control);
  min-height: 196px;
  padding: 18px;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .12s ease, background .18s ease;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-setup-card::before,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .composite-card::before,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn::before {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .composite-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .composite-card.active {
  transform: translateY(-2px);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .composite-card h3 {
  margin: 0 0 6px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .composite-card p {
  margin: 0 0 12px;
  max-width: 420px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .composite-input {
  width: 160px !important;
  text-align: center;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn {
  width: 100%;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  color: var(--color-ink);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn:hover {
  transform: none;
  filter: brightness(1.02);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn:active {
  transform: translateY(0);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn .entry-card-icon,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn .entry-card-copy {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn .entry-card-icon {
  width: 52px;
  height: 52px;
  border-radius: var(--radius-control);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.2);
  box-shadow: none;
  font-size: 1.45rem;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn .entry-card-copy strong {
  display: block;
  font-size: 1.02rem;
  line-height: 1.2;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn .entry-card-copy span {
  display: block;
  font-size: .86rem;
  line-height: 1.45;
  font-weight: 600;
  opacity: .96;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn .entry-card-total,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .composite-card .entry-card-total {
  position: absolute;
  top: 14px;
  right: 14px;
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  border-radius: var(--radius-control);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  box-shadow: none;
  font-size: .95rem;
  font-weight: 600;
  color: var(--color-ink);
  z-index: 1;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .composite-card .entry-card-total {
  background: var(--color-surface);
  border-color: rgba(33,150,243,.18);
  color: var(--ck-legacy-accent,#21406d);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn.class2 {
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn.waste {
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn:hover {
  box-shadow: none;
  filter: brightness(.99);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn small {
  display: block;
  opacity: .92;
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .photo-toggle-card {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-control);
  padding: 16px;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .photo-toggle-label {
  display: flex;
  align-items: center;
  gap: .7rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  cursor: pointer;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .photo-toggle-label input {
  width: 20px;
  height: 20px;
  accent-color: var(--chekku-primary);
  cursor: pointer;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .photo-panel {
  display: none;
  margin-top: 12px;
  padding: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .photo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .photo-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .form-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn {
  appearance: none;
  border: none;
  border-radius: var(--radius-control);
  padding: .82rem 1.08rem;
  font-weight: 600;
  font-size: .92rem;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease, filter .18s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-primary {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
  border: 1px solid rgba(74,20,140,.22);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-danger {
  color: #fff;
  background: var(--color-surface);
  box-shadow: none;
  border: 1px solid rgba(198,40,40,.22);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--color-purple);
  border: 1px solid var(--ck-legacy-line,#e7dff5);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-ghost:hover {
  background: var(--ck-legacy-blue-soft,#faf6ff);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .is-hidden {
  display: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .submit-btn {
  min-width: 160px;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .92rem 1.25rem;
  font-size: 1rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  opacity: .55;
  cursor: not-allowed;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .submit-btn.ready {
  opacity: 1;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-summary-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(15,10,28,.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .24s ease, visibility .24s ease;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-summary-modal.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-summary-card {
  position: relative;
  overflow: hidden;
  width: min(640px, 94vw);
  padding: 24px;
  animation: ck-pregrade-analysis-form-popIn .32s ease;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-summary-card::before {
  content: none !important;
  position: absolute;
  width: 220px;
  height: 220px;
  top: -90px;
  right: -90px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-summary-card::after {
  content: none !important;
  position: absolute;
  width: 220px;
  height: 220px;
  bottom: -110px;
  left: -100px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-inner {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 12px;
  color: var(--color-ink);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-title {
  margin: 0;
  color: var(--color-ink);
  font-size: 1.55rem;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.02em;
  text-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-sub {
  margin: 8px 0 0;
  color: var(--color-ink);
  font-weight: 600;
  line-height: 1.5;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-close {
  width: 44px;
  height: 44px;
  border: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-stat {
  border-radius: var(--radius-card);
  padding: 16px 14px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.16);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-stat-label {
  display: block;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-ink);
  margin-bottom: 8px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-stat-value {
  display: block;
  font-size: 1.55rem;
  font-weight: 600;
  line-height: 1;
  color: var(--color-ink);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-note {
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.15);
  color: var(--color-ink);
  font-weight: 600;
  line-height: 1.5;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer-backdrop {
  position: fixed;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
  z-index: 1390;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer-backdrop.is-show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer {
  position: fixed;
  inset: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: translateY(3%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform .22s ease, opacity .22s ease;
  z-index: 1400;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer.is-open {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer header {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: calc(12px + env(safe-area-inset-top)) 14px 12px 14px;
  background: var(--color-surface);
  border-bottom: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer header h3 {
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer-sub {
  color: var(--muted);
  font-weight: 600;
  font-size: .9rem;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer-actions {
  display: flex;
  gap: .5rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 14px 20px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer .card-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px,1fr));
  gap: 10px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .defect-card {
  padding: 10px;
  text-align: center;
  transition: transform .15s, box-shadow .2s, border-color .2s, background .2s;
  min-height: 134px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .defect-card:hover {
  transform: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .defect-card .name {
  font-weight: 600;
  color: var(--ck-legacy-accent,#213547);
  font-size: 1rem;
  line-height: 1.25;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .defect-card .count {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: .3rem;
  line-height: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .defect-card .controls {
  display: flex;
  gap: .45rem;
  justify-content: center;
  margin-top: .6rem;
  flex-wrap: wrap;
  touch-action: manipulation;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-ctrl {
  width: 56px;
  height: 56px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  font-size: 1.65rem;
  font-weight: 600;
  cursor: pointer;
  line-height: 1;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer footer {
  position: sticky;
  bottom: 0;
  padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
  background: var(--color-surface);
  border-top: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  display: flex;
  gap: .6rem;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer-note {
  color: var(--ck-legacy-ink,#555);
  font-size: .88rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  z-index: 1600;
  background: rgba(25, 16, 45, .42);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-modal.is-show {
  display: flex;
  animation: ck-pregrade-analysis-form-fadeIn .18s ease;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-card {
  width: min(640px, 96vw);
  overflow: hidden;
  transform: translateY(6px) scale(.985);
  animation: ck-pregrade-analysis-form-popIn .2s ease forwards;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-top {
  padding: 18px 20px 14px;
  background: var(--color-surface);
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.1);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.1);
  color: var(--ck-legacy-accent,#5a2b86);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .03em;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-title {
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-sub {
  margin: 6px 0 0;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.5;
  font-size: .92rem;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-close {
  border: none;
  width: 42px;
  height: 42px;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  flex: 0 0 auto;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-body {
  padding: 18px 20px 20px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-box {
  padding: 14px;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-box-label {
  display: block;
  font-size: .76rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--muted);
  font-weight: 600;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-box-value {
  font-size: 1rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#281942);
  line-height: 1.35;
  word-break: break-word;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-summary {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin-top: 4px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-kpi {
  border-radius: var(--radius-card);
  padding: 14px 12px;
  text-align: center;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-kpi.comp {
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-kpi.c2 {
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-kpi.waste {
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-kpi.total {
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-kpi .kpi-label {
  display: block;
  color: var(--muted);
  font-size: .73rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-kpi .kpi-value {
  display: block;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-note {
  margin-top: 14px;
  border-radius: var(--radius-card);
  padding: 13px 14px;
  background: rgba(108,91,123,.06);
  border: 1px dashed rgba(var(--ck-legacy-line-rgb,108,91,123),0.18);
  color: var(--ck-legacy-accent,#4a3568);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.5;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-save {
  background: var(--color-surface);
  color: var(--color-ink);
  border: 1px solid rgba(30,125,50,.22);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-save[disabled] {
  opacity: .7;
  cursor: wait;
}

@keyframes ck-pregrade-analysis-form-fadeIn {
from {
  opacity: 0;
}

to {
  opacity: 1;
}
}

@keyframes ck-pregrade-analysis-form-popIn {
from {
  opacity: 0;
  transform: translateY(14px) scale(.97);
}

to {
  opacity: 1;
  transform: translateY(0) scale(1);
}
}

@supports (-webkit-touch-callout: none) {
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) select,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) textarea {
  font-size: 16px;
}
}

@media (max-width:1080px) {
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-summary {
  margin-left: 0;
  grid-template-columns: repeat(2,minmax(0,1fr));
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero {
  min-height: auto;
  padding-bottom: 20px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-mascot {
  width: 210px;
  left: -14px;
  bottom: -2px;
  opacity: .22;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .form-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .photo-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-summary {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero {
  padding: 20px 16px 18px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-top,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .panel-head,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer header,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer footer {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-mascot {
  width: 170px;
  left: -22px;
  bottom: -4px;
  opacity: .16;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-copy {
  padding-left: 0;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-summary {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .meta-pill,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .meta-pill-wide {
  width: 100%;
  max-width: 100%;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .form-actions {
  flex-direction: column;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .form-actions .btn,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .form-actions .submit-btn {
  width: 100%;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer-actions {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-grid,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-summary {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-actions {
  flex-direction: column;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-actions .btn {
  width: 100%;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-summary-card {
  padding: 20px 18px;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-head {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-close {
  width: 100%;
  height: 48px;
}
}

:root:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) {
  --chekku-danger: #E53935 !important;
  --chekku-green: #1F8F5F !important;
  --border: rgba(53,92,125,.14) !important;
  --border-soft: rgba(39,58,77,.08) !important;
  --bg-start: var(--color-ink) !important;
  --bg-mid: var(--color-blue-deep) !important;
  --bg-end: var(--color-peach-soft) !important;
  --glass: rgba(255,255,255,.66) !important;
  --ring: rgba(53,92,125,.16) !important;
  --class2: #F59E0B !important;
  --waste: #E53935 !important;
  --compA: #42A5F5 !important;
  --compB: #4CAF50 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) body {
  color: var(--text) !important;
  background-size: cover !important;
  position: relative !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .page-shell,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) header,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) main {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .toggle-btn {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sidebar a {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sidebar a:hover,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sidebar a.active {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero::before {
  background: var(--color-surface) !important;
  width: 320px !important;
  height: 320px !important;
  right: -120px !important;
  top: -140px !important;
  left: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .eyebrow,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-eyebrow,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .esm-chip {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-copy h1,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .panel-title,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .input-group label,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .photo-toggle-label,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer header h3,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-title {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-copy p,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .panel-sub,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-stat-label,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-stat-sub,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer-sub,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer-note,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-sub,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-box-label,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-note {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .meta-pill,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-stat,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .panel-chip,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .status-pill,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sticky-status,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .photo-toggle-card,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .photo-panel,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .photo-row,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-box,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-kpi {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-stat-icon,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn .entry-card-icon {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero-stat-value,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-box-value,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-kpi .kpi-value {
  color: var(--chekku-primary-900) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn.class2 {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn.waste {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .field,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) select,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input[type="date"],
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input[type="text"],
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input[type="number"],
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .select2-container--default .select2-selection--single {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .field:focus,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) select:focus,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input[type="date"]:focus,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input[type="text"]:focus,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) input[type="number"]:focus {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .select2-dropdown {
  border: 1px solid rgba(53,92,125,.14) !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--ck-solid-blue,var(--chekku-primary)) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-primary,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-save {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-ghost {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-ghost:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-danger {
  color: #fff !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .submit-btn {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .submit-btn.ready {
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-summary-modal,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-modal {
  background: rgba(39,58,77,.46) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-summary-card::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer header,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .drawer footer,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-top {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .defect-card .name {
  color: var(--chekku-primary-900) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .btn-ctrl {
  border: 1px solid rgba(53,92,125,.12) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .confirm-note {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.62) !important;
  border: 1px dashed rgba(53,92,125,.20) !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .delta-badge.up {
  color: var(--ck-legacy-success,#116B45) !important;
  background: var(--ck-legacy-success-soft,#EAF9F1) !important;
  border-color: rgba(31,143,95,.22) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .delta-badge.down {
  color: var(--ck-legacy-danger,#B42318) !important;
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .delta-badge.neutral {
  color: var(--color-muted) !important;
  background: var(--ck-legacy-blue-soft,#F7FAFF) !important;
  border-color: rgba(53,92,125,.10) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) header,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) main,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .page-shell,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .content {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) body::before,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .page-shell {
  padding: 18px 0 36px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .app-topbar.top-control-section {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .app-topbar.top-control-section::before,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .app-topbar.top-control-section::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .brand-orb {
  flex: 0 0 132px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .brand-orb img {
  width: 130px !important;
  height: 130px !important;
  object-fit: contain !important;
  display: block !important;
  filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .brand-cluster h1 {
  margin: 3px 0 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-actions,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-pill-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-pill-row {
  justify-content: flex-start !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .app-topbar .chip,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-actions .chip,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-pill-row .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .app-topbar .back-btn {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .app-topbar .records-chip {
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .app-topbar .target-chip {
  border-color: rgba(31,143,95,.22) !important;
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.76) !important;
  color: var(--ck-legacy-success,#116B45) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-reference-line {
  width: 100% !important;
  margin: 10px 10px 12px !important;
  border-radius: var(--radius-card) !important;
  pointer-events: none !important;
  flex-basis: 100% !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-snapshot-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 14px !important;
  margin: 0 0 16px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .snapshot-card {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 104px !important;
  padding: 16px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .snapshot-card::after {
  content: none !important;
  position: absolute !important;
  right: -34px !important;
  top: -36px !important;
  width: 118px !important;
  height: 118px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  pointer-events: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .snapshot-icon {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  font-size: 1.25rem !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .snapshot-label {
  color: var(--color-muted) !important;
  font-size: .76rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .snapshot-value {
  margin-top: 5px !important;
  color: var(--color-ink) !important;
  font-size: 1.7rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: -.035em !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .compact-delta {
  margin-top: 8px !important;
  padding: 5px 9px !important;
  font-size: .72rem !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .hero {
  display: none !important;
}

@media (max-width:980px) {
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-main-row {
  align-items: flex-start !important;
  flex-direction: column !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-actions,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-pill-row {
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .brand-orb {
  flex-basis: 96px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .brand-orb img {
  width: 96px !important;
  height: 96px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-snapshot-grid {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .brand-orb {
  flex-basis: 76px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .brand-orb img {
  width: 76px !important;
  height: 76px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .app-topbar .chip,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-actions .chip,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-pill-row .chip {
  white-space: normal !important;
}
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-workspace {
  display: grid !important;
  grid-template-columns: 310px minmax(0,1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  margin-top: 14px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-info-rail {
  position: sticky !important;
  top: 16px !important;
  display: grid !important;
  gap: 12px !important;
  align-self: start !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-context-card {
  position: relative !important;
  overflow: hidden !important;
  padding: 15px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-context-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 16px !important;
  bottom: 16px !important;
  width: 4px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  opacity: .82 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-context-title {
  margin: 0 0 10px !important;
  padding-left: 8px !important;
  color: var(--chekku-primary-700) !important;
  font-size: .88rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-context-pills {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-context-pill {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  padding: 10px 12px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.12) !important;
  box-shadow: none !important;
  color: var(--color-blue-deep) !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-context-pill.target {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.2) !important;
  color: var(--ck-legacy-warning,#8A4D00) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-info-rail .snapshot-card {
  min-height: unset !important;
  padding: 15px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-info-rail .snapshot-icon {
  width: 44px !important;
  height: 44px !important;
  flex-basis: 44px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-info-rail .snapshot-value {
  font-size: 1.52rem !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-info-rail .snapshot-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 16px !important;
  bottom: 16px !important;
  width: 4px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  opacity: .72 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-main-panel {
  margin: 0 !important;
  padding: 18px !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-panel-head {
  padding: 2px 2px 14px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.5) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .required-chip {
  color: var(--ck-legacy-success,#116B45) !important;
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.78) !important;
  border-color: rgba(31,143,95,.24) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sticky-status {
  position: relative !important;
  top: auto !important;
  z-index: 1 !important;
  justify-content: flex-start !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sticky-status .status-pill {
  min-height: 38px !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .form-grid {
  padding: 14px !important;
  margin: 0 0 14px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-grid {
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 14px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .composite-card,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn {
  min-height: 210px !important;
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .composite-card p,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .launch-btn .entry-card-copy span {
  font-size: .84rem !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .photo-toggle-card {
  margin-top: 4px !important;
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .form-actions {
  justify-content: flex-end !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.5) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .form-actions .submit-btn {
  min-width: 180px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-actions .records-chip {
  order: 1 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-actions .back-btn {
  order: 2 !important;
}

@media (max-width:1080px) {
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-info-rail {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-info-rail,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-main-panel {
  padding: 15px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .form-grid {
  padding: 12px !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .form-actions {
  justify-content: stretch !important;
}
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-context-card::before,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-info-rail .snapshot-card::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-context-title {
  padding-left: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .app-topbar .records-chip,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-actions .records-chip,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-actions a.records-chip {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .app-topbar .records-chip:hover,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-actions .records-chip:hover,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .topbar-actions a.records-chip:hover {
  filter: brightness(1.03) !important;
  transform: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sticky-status {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sticky-status .status-pill {
  justify-content: center !important;
  text-align: center !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .input-group {
  position: relative !important;
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .input-group.is-required-missing .field,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .input-group.is-required-missing select,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .input-group.is-required-missing .select2-container--default .select2-selection--single {
  border-color: rgba(217,45,32,.88) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .input-group.is-required-missing label {
  color: var(--ck-legacy-danger,#B42318) !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .input-group.is-required-missing::after {
  content: "Required";
  position: absolute;
  top: -8px;
  right: 10px;
  z-index: 20;
  padding: 4px 8px;
  border-radius: var(--radius-control);
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
  font-size: .62rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .04em;
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .input-group.is-required-complete .field,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .input-group.is-required-complete select,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .input-group.is-required-complete .select2-container--default .select2-selection--single {
  border-color: rgba(31,143,95,.36) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-details-helper {
  margin: 14px 0 0 !important;
  padding: 16px 18px !important;
  border-radius: var(--radius-card) !important;
  text-align: center !important;
  color: var(--ck-legacy-danger,#7A1F1F) !important;
  background: var(--color-surface) !important;
  border: 1px dashed rgba(217,45,32,.42) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .entry-details-helper strong {
  color: var(--ck-legacy-danger,#B42318) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) #entryForm.entry-locked #allocationWorkspace,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) #entryForm.entry-locked .photo-toggle-card,
:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) #entryForm.entry-locked .form-actions {
  display: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) #entryForm:not(.entry-locked) #entryDetailsHelper {
  display: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) #requiredPanelChip.is-required-missing {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(180,35,24,.30) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) #requiredPanelChip.is-required-complete {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(31,143,95,.30) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sample-count-warning {
  display: none;
  margin: -2px auto 16px;
  padding: 14px 16px;
  border-radius: var(--radius-card);
  text-align: center;
  color: var(--ck-legacy-danger,#7A1F1F);
  background: var(--color-surface);
  border: 1px solid rgba(217,45,32,.36);
  box-shadow: none;
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sample-count-warning.is-show {
  display: block;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sample-count-warning strong {
  color: var(--ck-legacy-danger,#B42318);
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-form"],html[data-chekku-page="pregrade-analysis3-form"]) .sticky-status.has-count-warning {
  border-color: rgba(217,45,32,.32) !important;
  box-shadow: none !important;
}

/* MODULE: pregrade_analysis/records.php, pregrade_analysis3/records.php */

:root:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) {
  --border: rgba(108,91,123,.14);
  --border-soft: rgba(18,16,28,.08);
  --bg-start: #F0E7FF;
  --bg-mid: #F8F2FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.84);
  --good: #2E7D32;
  --warn: #B76E00;
  --info: #2458A6;
  --danger: #B42318;
  --comp: #38A3A5;
  --class2: #F59E0B;
  --waste: #E53935;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]),
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) body {
  height: 100%;
}

html:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]),
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) body {
  overflow-x: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) body.filters-open {
  overflow: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  overflow-x: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
  white-space: nowrap;
  transition: background .15s ease,color .15s ease,transform .04s ease;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sidebar a:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sidebar a.active {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sidebar-logo {
  display: block;
  width: 190px;
  margin: 20px auto 22px;
  filter: none;
  opacity: .95;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .95rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .page-shell {
  padding: 22px 0 26px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px 26px 20px;
  margin-bottom: 18px;
  isolation: isolate;
  min-height: 320px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-mascot {
  position: absolute;
  left: 8px;
  bottom: -2px;
  width: min(26vw, 290px);
  max-width: 290px;
  min-width: 180px;
  z-index: 0;
  pointer-events: none;
  opacity: .96;
  filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-mascot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-grid {
  display: grid;
  grid-template-columns: 300px minmax(0,1fr);
  gap: 18px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 920px;
  padding-left: 4px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-copy h1 {
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-copy p {
  margin: 0;
  max-width: 760px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-quick-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-quick-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  text-decoration: none;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
  color: var(--ck-legacy-accent,#35214F);
  font-size: .84rem;
  font-weight: 600;
  line-height: 1;
  transition: transform .08s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
  backdrop-filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-quick-pill:hover {
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.18);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-quick-pill:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-quick-pill.is-active {
  color: var(--color-purple);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.22);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-size: .9rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#3A2759);
  backdrop-filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .top-inspector-pill {
  position: relative;
  overflow: hidden;
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.3);
  color: var(--ck-legacy-warning,#4A2A00);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .top-inspector-pill::before {
  content: none !important;
  position: absolute;
  inset: -42px auto auto -38px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .top-inspector-pill .crown-icon {
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.22);
  box-shadow: none;
  font-size: .86rem;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .top-inspector-pill .top-copy {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .top-inspector-pill .top-label {
  color: var(--ck-legacy-warning,#8A4D00);
  font-size: .74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .top-inspector-pill .top-name {
  color: var(--ck-legacy-accent,#2A1A4E);
  font-weight: 600;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .top-inspector-pill .top-count {
  position: relative;
  z-index: 1;
  margin-left: 2px;
  padding: 4px 8px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.2);
  color: var(--ck-legacy-warning,#8A4D00);
  font-size: .74rem;
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-summary-grid {
  position: relative;
  z-index: 2;
  margin-top: 18px;
  margin-left: 318px;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(6,minmax(155px,1fr));
  align-items: stretch;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-stat {
  position: relative;
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-card);
  padding: 13px 13px 12px;
  box-shadow: none;
  min-height: 132px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-stat::after {
  content: none !important;
  position: absolute;
  right: -24px;
  top: -24px;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-stat-icon {
  display: grid;
  place-items: center;
  font-size: 1rem;
  box-shadow: none;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-stat-label {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-stat-value {
  margin-top: 5px;
  position: relative;
  z-index: 1;
  word-break: break-word;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .panel {
  overflow: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .panel + .panel {
  margin-top: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .panel-chip {
  padding: 9px 12px;
  border-radius: var(--radius-control);
  background: var(--ck-legacy-blue-soft,#F6EEFF);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-weight: 600;
  white-space: nowrap;
  font-size: .86rem;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .delta-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: .24rem .52rem;
  border-radius: var(--radius-card);
  border: 1px solid;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 8px;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  max-width: 100%;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-stat .delta-badge {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 4px 6px;
  width: 100%;
  max-width: 100%;
  border-radius: var(--radius-card);
  padding: .42rem .58rem;
  line-height: 1.2;
  white-space: normal;
  margin-top: auto;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-stat .delta-badge .ic {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  margin-top: 1px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-stat .delta-badge .vs {
  grid-column: 1 / -1;
  margin-left: 0;
  white-space: normal;
  line-height: 1.2;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .delta-badge .ic {
  font-size: .82rem;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .delta-badge .vs {
  opacity: .72;
  font-weight: 600;
  margin-left: 2px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .delta-badge.up {
  color: var(--ck-legacy-success,#0b7d45);
  background: var(--ck-legacy-success-soft,#e9f7ef);
  border-color: var(--ck-legacy-line,#bfe6cf);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .delta-badge.down {
  color: var(--ck-legacy-danger,#b3261e);
  background: var(--ck-legacy-danger-soft,#fdebea);
  border-color: var(--ck-legacy-line,#f4c7c3);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .delta-badge.neutral {
  color: var(--ck-legacy-muted,#5f6368);
  background: var(--ck-legacy-blue-soft,#f2f4f8);
  border-color: var(--ck-legacy-line,#e0e3e7);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .overview-grid {
  display: grid;
  grid-template-columns: 1.2fr .95fr;
  gap: 14px;
  align-items: stretch;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .compare-card,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .composition-card {
  height: 100%;
  padding: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .composition-bar {
  display: flex;
  width: 100%;
  height: 16px;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#F2EDF8);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .composition-bar span {
  display: block;
  height: 100%;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .composition-legend {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin-top: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .legend-card {
  padding: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .legend-top {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .82rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#35214F);
  margin-bottom: 6px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .legend-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .legend-value {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
  color: var(--ck-legacy-accent,#201238);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .legend-sub {
  margin-top: 6px;
  color: var(--muted);
  font-size: .79rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .compare-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin-top: 4px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .compare-mini {
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  background: var(--color-surface);
  padding: 12px;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .compare-mini .k {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .compare-mini .v {
  margin-top: 5px;
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#24153d);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .compare-mini .s {
  margin-top: 6px;
  font-size: .8rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.35;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 170px;
  padding: 11px 13px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip strong {
  font-size: .92rem;
  color: var(--ck-legacy-accent,#2A1A4E);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip span {
  color: var(--muted);
  font-weight: 600;
  font-size: .82rem;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip.inspector-highlight {
  min-width: 205px;
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.13);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip.inspector-highlight.is-top {
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.25);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip .inspector-name {
  display: flex;
  align-items: center;
  gap: 7px;
  line-height: 1.2;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip .crown-badge {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: var(--radius-control);
  background: var(--ck-legacy-warning-soft,#FFF0C2);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.22);
  box-shadow: none;
  font-size: .78rem;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip .avg-line {
  margin-top: 3px;
  color: var(--color-purple);
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip .top-inspector-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.25);
  color: var(--ck-legacy-warning,#7A3F00);
  box-shadow: none;
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: .04em;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip.inspector-highlight.is-top .inspector-name {
  color: var(--ck-legacy-accent,#2A1A4E);
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip.inspector-highlight.is-top .entries-line {
  color: var(--ck-legacy-accent,#35214F);
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toolbar-sticky {
  position: sticky;
  top: 12px;
  z-index: 30;
  margin-top: 16px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toolbar-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 14px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toolbar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toolbar-left,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toolbar-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-weight: 600;
  color: var(--ck-legacy-accent,#35214F);
  box-shadow: none;
  font-size: .84rem;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toolbar-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 2px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .active-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  color: var(--ck-legacy-accent,#2A1A4E);
  font-size: .82rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .active-filter-chip span {
  color: var(--muted);
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .table-scroll {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) table.records-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 1320px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table th,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table td {
  padding: 10px 12px;
  font-size: .88rem;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,0,0,0),0.06);
  vertical-align: middle;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table thead th {
  position: sticky;
  top: 0;
  background: var(--ck-legacy-blue-soft,#faf6ff);
  color: var(--color-purple);
  font-weight: 600;
  z-index: 2;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table th .th-sub {
  display: block;
  margin-top: 3px;
  font-size: .68rem;
  line-height: 1.1;
  font-weight: 600;
  color: var(--ck-legacy-muted,#8D84A5);
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table tbody tr {
  transition: background .16s ease, box-shadow .16s ease;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table tbody tr:hover {
  background: var(--ck-legacy-blue-soft,#fcfbff);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table td:last-child,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table th:last-child {
  width: 96px;
  min-width: 96px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table th:nth-child(11),
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table td:nth-child(11) {
  min-width: 150px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .muted-cell {
  color: var(--muted);
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .date-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .time-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .recorded-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 9px;
  border-radius: var(--radius-card);
  font-weight: 600;
  font-size: .78rem;
  white-space: nowrap;
  border: 1px solid transparent;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .date-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .time-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .recorded-pill {
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--ck-legacy-accent,#5A2B84);
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .recorded-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill.packable-good {
  background: var(--ck-legacy-success-soft,#EAF9F1);
  color: var(--ck-legacy-success,#1F8F5F);
  border-color: rgba(31,143,95,.16);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill.packable-mid {
  background: var(--ck-legacy-warning-soft,#FFF6E7);
  color: var(--ck-legacy-warning,#B76E00);
  border-color: rgba(183,110,0,.16);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill.packable-low {
  background: var(--ck-legacy-danger-soft,#FFF1F1);
  color: var(--ck-legacy-danger,#B42318);
  border-color: rgba(180,35,24,.16);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill.waste-low {
  background: var(--ck-legacy-success-soft,#EAF9F1);
  color: var(--ck-legacy-success,#1F8F5F);
  border-color: rgba(31,143,95,.16);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill.waste-mid {
  background: var(--ck-legacy-warning-soft,#FFF6E7);
  color: var(--ck-legacy-warning,#B76E00);
  border-color: rgba(183,110,0,.16);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill.waste-high {
  background: var(--ck-legacy-danger-soft,#FFF1F1);
  color: var(--ck-legacy-danger,#B42318);
  border-color: rgba(180,35,24,.16);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-summary {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-summary-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-summary-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-control);
  padding: 7px 10px;
  font-size: .77rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-summary-pill {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  color: var(--ck-legacy-accent,#2A1A4E);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-summary-btn {
  appearance: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--ck-legacy-accent,#5A2B84);
  cursor: pointer;
  box-shadow: none;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-summary-btn:hover {
  background: var(--ck-legacy-blue-soft,#efe2ff);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-summary-btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-pill {
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#2458A6);
  border-color: rgba(36,88,166,.16);
  cursor: pointer;
  box-shadow: none;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease;
  gap: 8px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-pill:hover {
  background: var(--ck-legacy-blue-soft,#E3F0FF);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-pill::before {
  content: "📷";
  font-size: .84rem;
  line-height: 1;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .actions-cell {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  min-width: 88px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .actions-cell form {
  margin: 0;
  display: inline-flex;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,0,0,0),0.08);
  cursor: pointer;
  text-decoration: none;
  box-shadow: none;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease, filter .18s ease;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .icon-btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .icon-btn .material-symbols-rounded {
  font-size: 17px;
  line-height: 1;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .icon-btn.edit:hover {
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .icon-btn.del .material-symbols-rounded {
  color: var(--color-ink);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .icon-btn.del:hover {
  filter: brightness(.95);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .btn {
  appearance: none;
  border: none;
  border-radius: var(--radius-control);
  padding: .72rem .95rem;
  font-weight: 600;
  font-size: .88rem;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .btn-primary {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
  border: 1px solid rgba(74,20,140,.22);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--color-purple);
  border: 1px solid var(--ck-legacy-line,#e7dff5);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .btn-ghost:hover {
  background: var(--ck-legacy-blue-soft,#faf6ff);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .export-toggle-pill {
  gap: 10px;
  cursor: pointer;
  user-select: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .export-toggle-pill input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--chekku-primary);
  cursor: pointer;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .export-toggle-pill span {
  font-weight: 600;
  color: var(--ck-legacy-accent,#3A2759);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .empty-state {
  display: grid;
  place-items: center;
  padding: 46px 18px;
  text-align: center;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .empty-card {
  width: min(520px, 100%);
  padding: 28px 22px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .empty-icon {
  font-size: 2rem;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .empty-title {
  margin: 0 0 6px;
  color: var(--ck-legacy-accent,#2A1A4E);
  font-size: 1.15rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .empty-sub {
  margin: 0;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.55;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .empty-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: 520px;
  max-width: min(92vw,560px);
  transform: translateX(110%);
  transition: transform .28s ease;
  z-index: 1400;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer.open {
  transform: translateX(0);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
  z-index: 1390;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer header {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 12px 16px;
  background: var(--color-surface);
  border-bottom: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer header .title {
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer header .subtitle {
  font-size: .9rem;
  color: var(--muted);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer .drawer-body {
  padding: 14px 16px;
  overflow: auto;
  flex: 1;
  overflow-x: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer .drawer-footer {
  position: sticky;
  bottom: 0;
  padding: 12px 16px;
  display: flex;
  gap: .6rem;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .quick-chips {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: .75rem;
  overflow-x: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filter-chip {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  background: var(--ck-legacy-blue-soft,#f7f2ff);
  color: var(--ck-legacy-accent,#5a2b84);
  padding: .42rem .72rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  font-size: .85rem;
  cursor: pointer;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filter-chip-reset {
  background: var(--color-surface);
  color: var(--ck-legacy-danger,#b00020);
  border-color: var(--ck-legacy-line,#f1c9cf);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(220px,1fr));
  gap: 1rem;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .input-group label {
  display: block;
  font-weight: 600;
  color: var(--color-purple);
  margin-bottom: .35rem;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .input-wrap input[type="date"],
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .input-wrap select,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .select2-container--default .select2-selection--single {
  width: 100%;
  min-height: 44px;
  padding: .55rem .7rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#1E1B2A);
  font-weight: 600;
  font-size: .95rem;
  outline: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .select2-container {
  width: 100% !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .select2-container--default .select2-selection--single {
  height: 44px !important;
  padding: 7px 12px !important;
  display: flex !important;
  align-items: center !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 42px !important;
  right: 8px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px !important;
  padding-left: 0 !important;
  color: var(--ck-legacy-accent,#1E1B2A) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .pagination-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.1);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .pagination-info {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  color: var(--muted);
  font-weight: 600;
  font-size: .86rem;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .pagination-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
  color: var(--ck-legacy-accent,#3A2759);
  font-weight: 600;
  text-decoration: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .page-link:hover {
  background: var(--ck-legacy-blue-soft,#faf6ff);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .page-link.current {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(74,20,140,.22);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .page-link.disabled {
  opacity: .45;
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .page-size-form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .page-size-form select {
  min-height: 40px;
  border-radius: var(--radius-control);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  padding: 0 12px;
  font-weight: 600;
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#2A1A4E);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.85);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .modal img {
  max-height: 80vh;
  max-width: 90vw;
  border-radius: var(--radius-card);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .modal .close {
  position: absolute;
  top: 16px;
  right: 24px;
  font-size: 32px;
  color: var(--color-ink);
  cursor: pointer;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-viewer {
  position: relative;
  width: min(980px,94vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-stage {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-stage img {
  max-height: 80vh;
  max-width: 90vw;
  border-radius: var(--radius-card);
  box-shadow: none;
  background: var(--ck-legacy-blue-soft,#f4f1f8);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  cursor: pointer;
  backdrop-filter: none;
  box-shadow: none;
  transition: opacity .18s ease,transform .08s ease,background .18s ease;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-nav-btn:active {
  transform: translateY(-50%) scale(.98);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-nav-btn[disabled] {
  opacity: .25;
  cursor: not-allowed;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-nav-prev {
  left: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-nav-next {
  right: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-meta-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  max-width: min(820px,90vw);
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
  color: #fff;
  backdrop-filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-counter-pill {
  font-weight: 600;
  font-size: .92rem;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-caption-text {
  font-style: italic;
  font-weight: 600;
  opacity: .92;
  text-align: center;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(16,12,40,.55);
  backdrop-filter: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-modal-card {
  width: min(560px, 96vw);
  max-height: min(82vh, 760px);
  overflow: auto;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-modal-head {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 18px 18px 14px;
  background: var(--color-surface);
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-card) var(--radius-card) 0 0;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-modal-title {
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-modal-sub {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 600;
  font-size: .9rem;
  line-height: 1.4;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-modal-close {
  appearance: none;
  border: none;
  width: 40px;
  height: 40px;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-modal-body {
  padding: 16px 18px 18px;
  display: grid;
  gap: 10px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-modal-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-modal-row strong {
  color: var(--ck-legacy-accent,#2A1A4E);
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.3;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-modal-row span {
  color: var(--muted);
  font-weight: 600;
  font-size: .92rem;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector {
  background: rgba(16,12,40,.65);
  backdrop-filter: none;
  padding: 22px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-card {
  width: min(1120px, 96vw);
  margin: 0 auto;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-control);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 20px 22px 16px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-head h2 {
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-head p {
  margin: 6px 0 0;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-body {
  padding: 18px 22px 22px;
  max-height: 70vh;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 22px 20px;
  border-top: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(210px,1fr));
  gap: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-photo-card {
  appearance: none;
  width: 100%;
  min-height: 132px;
  border: none;
  border-radius: var(--radius-card);
  padding: 16px;
  cursor: pointer;
  text-align: left;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  transition: transform .08s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  color: var(--ck-legacy-accent,#2A1A4E);
  font-family: var(--font-ui);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-photo-card:hover {
  transform: none;
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.2);
  box-shadow: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-photo-card:active {
  transform: translateY(0);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-card-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: var(--ck-legacy-warning-soft,#FFF3E8);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.16);
  box-shadow: none;
  font-size: 1.1rem;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-card-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  color: var(--color-purple);
  font-size: .78rem;
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-card-name {
  margin: 0;
  color: var(--ck-legacy-accent,#2A1A4E);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.25;
  word-break: break-word;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-card-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 9px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  color: var(--color-muted);
  font-size: .76rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-nav-title {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-nav-title strong {
  color: var(--color-purple);
  font-size: 1.02rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-nav-title span {
  color: var(--muted);
  font-size: .86rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-block + .variety-block {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-title {
  margin: 0 0 12px;
  color: var(--color-purple);
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-title .counter {
  color: var(--muted);
  font-size: .86rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-option {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-card);
  padding: 10px;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-option.disabled {
  opacity: .45;
  pointer-events: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-option img {
  width: 100%;
  height: 122px;
  object-fit: cover;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  cursor: zoom-in;
  background: var(--ck-legacy-blue-soft,#f4f1f8);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-option-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-option-top label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .84rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#2A1A4E);
  cursor: pointer;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-option input[type="text"] {
  width: 100%;
  min-height: 38px;
  border-radius: var(--radius-control);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  padding: 8px 10px;
  font-size: .86rem;
  font-weight: 600;
  outline: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .preview-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.86);
  align-items: center;
  justify-content: center;
  z-index: 10020;
  padding: 20px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .preview-modal img {
  max-height: 82vh;
  max-width: 92vw;
  border-radius: var(--radius-card);
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .preview-modal .close {
  position: absolute;
  top: 16px;
  right: 24px;
  font-size: 32px;
  color: var(--color-ink);
  cursor: pointer;
}

@media (max-width:1260px) {
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-summary-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin-left: 318px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .overview-grid {
  grid-template-columns: 1fr;
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero {
  min-height: auto;
  padding-bottom: 20px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-mascot {
  width: 210px;
  left: -14px;
  bottom: -2px;
  opacity: .22;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-summary-grid {
  margin-left: 0;
  grid-template-columns: repeat(3,minmax(0,1fr));
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-grid {
  grid-template-columns: 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero {
  padding: 20px 16px 18px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-top,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .panel-head,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toolbar-top,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .pagination-wrap {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-mascot {
  width: 170px;
  left: -22px;
  bottom: -4px;
  opacity: .16;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-copy {
  padding-left: 0;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-summary-grid {
  margin-left: 0;
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-actions .btn,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer .drawer-footer .btn,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toolbar-right .btn {
  width: 100%;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-quick-pills {
  gap: 8px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-quick-pill {
  flex: 1 1 calc(50% - 8px);
  justify-content: center;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer .drawer-footer {
  flex-direction: column;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .composition-legend,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .compare-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector {
  padding: 12px;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-head,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-footer {
  flex-direction: column;
  align-items: stretch;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-grid {
  grid-template-columns: repeat(auto-fill,minmax(135px,1fr));
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .empty-actions {
  flex-direction: column;
}
}

:root:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) {
  --border: rgba(53,92,125,.14) !important;
  --border-soft: rgba(39,58,77,.08) !important;
  --bg-start: var(--color-ink) !important;
  --bg-mid: var(--color-blue-deep) !important;
  --bg-end: var(--color-peach-soft) !important;
  --glass: rgba(255,255,255,.66) !important;
  --good: #1F8F5F !important;
  --warn: #B76E00 !important;
  --info: var(--color-blue) !important;
  --danger: #B42318 !important;
  --comp: #38A3A5 !important;
  --class2: #F59E0B !important;
  --waste: #E53935 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) body {
  color: var(--text) !important;
  background-size: cover !important;
  position: relative !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .page-shell,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) header,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) main {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toggle-btn {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sidebar a {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sidebar a:hover,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sidebar a.active {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .sb-backdrop,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-backdrop,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .modal-backdrop,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-modal,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-modal {
  background: rgba(39,58,77,.48) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero::before {
  background: var(--color-surface) !important;
  width: 320px !important;
  height: 320px !important;
  right: -120px !important;
  top: -140px !important;
  left: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .eyebrow,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-eyebrow,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .panel-chip,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toolbar-badge {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-copy h1,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .panel-title,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .input-group label,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer header .title,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .empty-title,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .legend-value,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .compare-mini .v,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip strong {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-copy p,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .panel-sub,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-stat-label,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .meta-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .legend-sub,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .compare-mini .s,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip span,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .empty-sub,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .active-filter-chip span,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer header .subtitle {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .meta-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-stat,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-quick-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .top-inspector-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .active-filter-chip,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .compare-mini,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .legend-card,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .empty-card,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .date-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .time-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .recorded-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-summary-pill,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-summary-btn,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .export-toggle-pill {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-quick-pill:hover,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .btn-ghost:hover,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-summary-btn:hover,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-pill:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92) !important;
  border-color: rgba(53,92,125,.18) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-quick-pill.is-active {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .panel,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toolbar-card,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .compare-card,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .composition-card,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-panel,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .modal-card,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-modal-card,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .defects-modal-card {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-stat-icon {
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero-stat-value,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .legend-value,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .compare-mini .v,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .summary-value {
  color: var(--chekku-primary-900) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .composition-bar {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.10) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .table-scroll {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) table.records-table {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table thead th {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.96) !important;
  color: var(--chekku-primary-700) !important;
  border-bottom: 1px solid rgba(53,92,125,.12) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table tbody tr {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table tbody tr:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.46) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table th,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-table td {
  border-bottom: 1px solid rgba(39,58,77,.06) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer header,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer .drawer-footer {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filter-chip {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filter-chip:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filter-chip-reset {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .input-wrap input[type="date"],
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .input-wrap select,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .select2-container--default .select2-selection--single {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .input-wrap input[type="date"]:focus,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .input-wrap select:focus {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .select2-dropdown {
  border: 1px solid rgba(53,92,125,.14) !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--ck-solid-blue,var(--chekku-primary)) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .btn-primary {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .btn-ghost,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .icon-btn {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .icon-btn.del,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .btn-danger {
  color: #fff !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .icon-btn.edit {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill.packable-good,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill.waste-low,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .delta-badge.up {
  background: var(--ck-legacy-success-soft,#EAF9F1) !important;
  color: var(--ck-legacy-success,#1F8F5F) !important;
  border-color: rgba(31,143,95,.20) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill.packable-mid,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill.waste-mid {
  background: var(--color-peach-soft) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.18) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill.packable-low,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .metric-pill.waste-high,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .delta-badge.down {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .delta-badge.neutral {
  background: var(--ck-legacy-blue-soft,#F7FAFF) !important;
  color: var(--color-muted) !important;
  border-color: rgba(53,92,125,.10) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .top-inspector-pill .crown-icon,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip .crown-badge,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .info-chip .top-inspector-inline {
  background: var(--color-surface) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.22) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-variety-card,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-item,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .selected-photo-card {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .export-progress,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .progress-window {
  background: rgba(39,58,77,.52) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10010;
  align-items: center;
  justify-content: center;
  padding: clamp(14px, 3vw, 34px) !important;
  overflow: auto;
  background: var(--color-surface) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-card {
  width: min(1080px, 94vw) !important;
  max-height: min(86vh, 920px);
  margin: auto !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: translateY(0);
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-head {
  background: var(--color-surface) !important;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.2) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-body {
  flex: 1 1 auto;
  max-height: none !important;
  overflow: auto;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-footer {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.64) !important;
  border-top: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.48) !important;
  align-items: center;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-photo-card,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-option {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.48) !important;
  box-shadow: none !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-photo-card:hover,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-option:hover {
  border-color: rgba(53,92,125,.24) !important;
  box-shadow: none !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-card-count,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-card-pill {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.86) !important;
  border-color: rgba(53,92,125,.14) !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-card-icon {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.22) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-nav-title strong,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-title,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-option-top label,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-card-name {
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-nav-title span,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .variety-title .counter {
  color: var(--color-muted) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-option input[type="text"] {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--color-ink) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-option input[type="text"]:focus {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

@media (max-width:700px) {
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector {
  align-items: flex-start;
  padding: 12px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .photo-selector-card {
  width: 100% !important;
  max-height: calc(100vh - 24px);
  border-radius: var(--radius-control) !important;
}
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) header,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) main,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .page-shell,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .content {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) body::before,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .page-shell {
  padding: 18px 0 36px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar.top-control-section {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar.top-control-section::before,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar.top-control-section::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .brand-orb {
  flex: 0 0 132px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .brand-orb img {
  width: 130px !important;
  height: 130px !important;
  object-fit: contain !important;
  display: block !important;
  filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .brand-cluster h1 {
  margin: 3px 0 0 !important;
  filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .topbar-actions,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .topbar-pill-row,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-period-pills {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .topbar-pill-row,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-period-pills {
  justify-content: flex-start !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-period-pills {
  margin-top: 10px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar .chip,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .topbar-actions .chip,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .topbar-pill-row .chip,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-period-pills .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar button.chip {
  appearance: none !important;
  cursor: pointer !important;
  font-family: var(--font-ui) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar .back-btn,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar .filter-chip-top {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar .export-chip {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar .export-chip:hover {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar .new-entry-chip {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar .new-entry-chip:hover {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar .period-chip.is-active {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.86) !important;
  border-color: rgba(53,92,125,.26) !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .export-toggle-pill input {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: var(--color-blue) !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .topbar-reference-line {
  width: 100% !important;
  margin: 10px 10px 12px !important;
  border-radius: var(--radius-card) !important;
  pointer-events: none !important;
  flex-basis: 100% !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-snapshot-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(150px,1fr)) !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
  align-items: stretch !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-snapshot-grid .hero-stat {
  margin: 0 !important;
  min-height: 132px !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .hero {
  display: none !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-snapshot-grid {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .topbar-main-row {
  align-items: flex-start !important;
  flex-direction: column !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .topbar-actions,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .topbar-pill-row,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-period-pills {
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .brand-orb {
  flex-basis: 96px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .brand-orb img {
  width: 96px !important;
  height: 96px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-snapshot-grid {
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .brand-orb {
  flex-basis: 76px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .brand-orb img {
  width: 76px !important;
  height: 76px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-snapshot-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar .chip,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .topbar-actions .chip,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .topbar-pill-row .chip,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-period-pills .chip {
  white-space: normal !important;
}
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-workspace {
  display: grid !important;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-workspace.no-side-rail {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-side-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 14px !important;
  z-index: 2 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-main-stack {
  min-width: 0 !important;
  display: block !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-intro-card,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-intro-card {
  min-height: 250px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-intro-card h2,
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-link:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.88) !important;
  border-color: rgba(53,92,125,.24) !important;
  transform: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-link.is-active {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-link.is-active span {
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-workspace .records-snapshot-grid {
  margin-top: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .toolbar-sticky {
  top: 14px !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-side-stack {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .side-intro-card {
  min-height: 220px !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .records-side-stack {
  grid-template-columns: 1fr !important;
}
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .pagination-wrap {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px dashed rgba(39,58,77,.10) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 14px 0 0 !important;
  border-radius: 0 !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar.top-control-section .app-kicker {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="pregrade-analysis-records"],html[data-chekku-page="pregrade-analysis3-records"]) .app-topbar.top-control-section .brand-cluster h1 {
  filter: none !important;
}

/* MODULE: pregrade_analysis/records.php, pregrade_analysis3/records.php */

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) * {
  box-sizing: border-box;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  font-family: var(--font-ui);
  background: var(--color-surface);
  color: var(--color-blue-soft);
  overflow: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) body::before,
:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) body::after {
  content: "";
  position: fixed;
  border-radius: var(--radius-card);
  pointer-events: none;
  filter: none;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) body::before {
  width: 260px;
  height: 260px;
  left: -90px;
  bottom: -90px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) body::after {
  width: 220px;
  height: 220px;
  right: -70px;
  top: -80px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .card {
  position: relative;
  width: min(92vw,620px);
  padding: 32px 28px 28px;
  text-align: center;
  overflow: hidden;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .card::before {
  content: none !important;
  position: absolute;
  inset: 0 0 auto 0;
  height: 7px;
  background: var(--color-surface);
  background-size: 180% 100%;
  animation: ck-pregrade-analysis-records-document-2-shine 2.4s ease-in-out infinite;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: .48rem .78rem;
  border-radius: var(--radius-card);
  background: rgba(95,165,255,.14);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,160,205,255),0.24);
  color: var(--color-blue-soft);
  font-size: .82rem;
  font-weight: 600;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) h1 {
  margin: 0 0 9px;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) p {
  margin: 0;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .export-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 100%;
  margin-top: 18px;
  padding: .62rem .95rem;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,160,205,255),0.22);
  color: var(--color-blue-soft);
  font-weight: 600;
  font-size: .9rem;
  line-height: 1.35;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .export-pill span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .count-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: .42rem .76rem;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,160,205,255),0.18);
  color: rgba(234,244,255,.82);
  font-weight: 600;
  font-size: .82rem;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .progress-wrap {
  margin: 22px auto 0;
  width: 100%;
  max-width: 500px;
  text-align: left;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  color: var(--color-blue-soft);
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .progress-percent {
  color: var(--color-coral);
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .progress-track {
  height: 14px;
  width: 100%;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,160,205,255),0.18);
  overflow: hidden;
  box-shadow: none;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .progress-fill {
  height: 100%;
  width: 92%;
  border-radius: var(--radius-card);
  background: var(--ck-solid-blue,var(--color-blue));
  background-size: 180% 100%;
  animation: ck-pregrade-analysis-records-document-2-load 5.2s cubic-bezier(.2,.8,.2,1) forwards, ck-pregrade-analysis-records-document-2-shine 1.55s linear infinite;
  transform-origin: left center;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .progress-note {
  margin-top: 9px;
  color: rgba(234,244,255,.68);
  font-size: .82rem;
  font-weight: 600;
  text-align: center;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .meta {
  display: inline-block;
  margin-top: 16px;
  padding: .45rem .8rem;
  border-radius: var(--radius-card);
  background: rgba(246,114,128,.14);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.26);
  color: var(--color-peach-soft);
  font-weight: 600;
  font-size: .88rem;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .spinner {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.14);
  border-top-color: var(--color-coral);
  border-radius: 50%;
  margin: 18px auto 0;
  animation: ck-pregrade-analysis-records-document-2-spin 1s linear infinite;
}

@keyframes ck-pregrade-analysis-records-document-2-spin {
to {
  transform: rotate(360deg);
}
}

@keyframes ck-pregrade-analysis-records-document-2-shine {
to {
  background-position: 180% 0;
}
}

@keyframes ck-pregrade-analysis-records-document-2-load {
0% {
  transform: scaleX(.08);
}

18% {
  transform: scaleX(.28);
}

45% {
  transform: scaleX(.58);
}

72% {
  transform: scaleX(.78);
}

100% {
  transform: scaleX(1);
}
}

@media (max-width:520px) {
:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .card {
  padding: 28px 18px 24px;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .export-pill {
  align-items: flex-start;
  border-radius: var(--radius-control);
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .export-pill span {
  white-space: normal;
  text-align: left;
}
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .records-workspace.is-loading {
  position: relative;
  opacity: .62;
  pointer-events: none;
  transition: opacity .18s ease;
}

:where(html[data-chekku-page="pregrade-analysis-records-document-2"],html[data-chekku-page="pregrade-analysis3-records-document-2"]) .records-workspace.is-loading::after {
  content: "Updating…";
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 3000;
  padding: 12px 16px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52);
  box-shadow: none;
  color: var(--color-blue-deep);
  font-weight: 600;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* MODULE: shift_control_report/index.php */

:root:where(html[data-chekku-page="shift-control-report-index"]) {
  --scr-border: rgba(76, 29, 149, .14);
  --scr-blue: #e0f2fe;
  --scr-green: #dcfce7;
  --scr-amber: #fef3c7;
  --scr-red: #fee2e2;
}

:where(html[data-chekku-page="shift-control-report-index"]) * {
  box-sizing: border-box;
}

:where(html[data-chekku-page="shift-control-report-index"]) body {
  margin: 0;
  font-family: var(--font-ui);
  background: var(--color-surface);
}

:where(html[data-chekku-page="shift-control-report-index"]) .page-shell {
  padding: 26px 0 56px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  border-radius: var(--radius-card);
  background: rgba(109,40,217,.08);
  right: -120px;
  bottom: -170px;
  pointer-events: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-top {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.35fr .95fr;
  gap: 24px;
  align-items: stretch;
}

:where(html[data-chekku-page="shift-control-report-index"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: rgba(109,40,217,.1);
  text-transform: uppercase;
}

:where(html[data-chekku-page="shift-control-report-index"]) h1 {
  margin: 16px 0 10px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-copy {
  max-width: 760px;
  margin: 0;
  color: var(--scr-muted);
  font-size: 15px;
  line-height: 1.65;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(76,29,149,.12);
  color: var(--ck-legacy-accent,#332553);
  font-size: 12px;
  font-weight: 600;
  backdrop-filter: none;
  white-space: nowrap;
  text-decoration: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) a.pill:hover {
  transform: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-panel {
  padding: 18px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-panel-title {
  font-size: 13px;
  color: var(--scr-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .mini-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .mini-card {
  min-height: 86px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .mini-card .label {
  font-size: 11px;
  color: var(--scr-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .mini-card .value {
  margin-top: 6px;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.08;
}

:where(html[data-chekku-page="shift-control-report-index"]) .mini-card .sub {
  margin-top: 5px;
  font-size: 11px;
  color: var(--scr-muted);
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .mini-card-wide {
  grid-column: 1 / -1;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot-card {
  padding: 14px;
  min-height: 96px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot-card small {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--scr-muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot-card strong {
  display: block;
  margin-top: 7px;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1;
  letter-spacing: -.045em;
  color: var(--ck-legacy-accent,#261645);
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot-card span {
  display: block;
  margin-top: 6px;
  color: var(--scr-muted);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-weight-line {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 7px;
  min-width: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-weight-line strong {
  flex: 1 1 150px;
  min-width: 0;
  margin-top: 0;
  font-size: clamp(20px, 2vw, 28px);
  overflow-wrap: anywhere;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kg-bin-pill {
  flex: 0 0 auto;
  display: inline-flex !important;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  max-width: 100%;
  margin-left: auto;
  padding: 7px 9px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(76,29,149,.14);
  color: var(--ck-legacy-accent,#2f2050);
  box-shadow: none;
  white-space: nowrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kg-bin-pill b {
  font-size: 13px;
  line-height: 1;
  letter-spacing: -.02em;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kg-bin-pill i {
  font-style: normal;
  font-size: 9px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--scr-muted);
  font-weight: 600;
}

@media (max-width: 1180px) {
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-weight-line {
  align-items: flex-start;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kg-bin-pill {
  margin-left: 0;
  align-items: flex-start;
}
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-period-title {
  grid-column: 1 / -1;
  margin: 10px 2px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--ck-legacy-accent,#2f2050);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-period-title span {
  color: var(--scr-muted);
  font-size: 11px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-compare-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-card {
  padding: 13px;
  display: grid;
  grid-template-columns: minmax(190px, .72fr) minmax(0, 1.9fr);
  gap: 12px;
  align-items: center;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 0;
  min-width: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-name {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.025em;
  color: var(--ck-legacy-accent,#24143f);
  line-height: 1.15;
  word-break: break-word;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-rank {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  min-width: 34px;
  height: 28px;
  padding: 0 9px;
  border-radius: var(--radius-card);
  background: rgba(109,40,217,.1);
  color: var(--ck-legacy-accent,#4c1d95);
  font-size: 11px;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-stats-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-mini-stat {
  border-radius: var(--radius-card);
  padding: 8px 11px;
  background: var(--color-surface);
  border: 1px solid rgba(76,29,149,.08);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  white-space: nowrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-mini-stat small {
  display: inline;
  font-size: 9px;
  color: var(--scr-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-mini-stat strong {
  display: inline;
  margin-top: 0;
  font-size: 14px;
  line-height: 1;
  color: var(--ck-legacy-accent,#261645);
  letter-spacing: -.035em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-card {
  grid-column: 1 / -1;
  padding: 14px;
  display: grid;
  gap: 10px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-row {
  display: grid;
  grid-template-columns: minmax(210px, .72fr) minmax(0, 1.8fr);
  align-items: center;
  gap: 12px;
  border-radius: var(--radius-card);
  padding: 11px;
  background: var(--color-surface);
  border: 1px solid rgba(76,29,149,.08);
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-row.is-me {
  background: var(--color-surface);
  border-color: rgba(109,40,217,.25);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-main .supervisor-rank {
  flex: 0 0 auto;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-main .supervisor-name {
  min-width: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-pill {
  border-radius: var(--radius-card);
  padding: 8px 11px;
  background: var(--color-surface);
  border: 1px solid rgba(76,29,149,.09);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  white-space: nowrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-pill small {
  display: inline;
  font-size: 9px;
  color: var(--scr-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-pill strong {
  display: inline;
  margin: 0;
  font-size: 14px;
  line-height: 1;
  color: var(--ck-legacy-accent,#261645);
  letter-spacing: -.035em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-pill.weight-pace {
  background: var(--color-surface);
  border-color: rgba(14,165,233,.18);
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-pill.bin-variance {
  background: var(--color-surface);
  border-color: rgba(109,40,217,.14);
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-pill.bin-variance.is-better {
  background: var(--color-surface);
  border-color: rgba(22,163,74,.22);
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-pill.bin-variance.is-watch {
  background: var(--color-surface);
  border-color: rgba(245,158,11,.24);
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-pill.bin-variance.is-watch strong {
  color: var(--ck-legacy-warning,#92400e);
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-pill.bin-variance.is-better strong {
  color: var(--ck-legacy-success,#166534);
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-pill em {
  font-style: normal;
  font-size: 10px;
  color: var(--scr-muted);
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot.is-secret-hidden {
  display: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot.is-unlocked {
  animation: ck-shift-control-report-index-weeklyReveal .42s ease both;
}

@keyframes ck-shift-control-report-index-weeklyReveal {
from {
  opacity: 0;
  transform: translateY(-8px) scale(.985);
}

to {
  opacity: 1;
  transform: translateY(0) scale(1);
}
}

:where(html[data-chekku-page="shift-control-report-index"]) .notice {
  margin-top: 18px;
  padding: 14px 16px;
  font-weight: 600;
  border: 1px solid rgba(76,29,149,.12);
}

:where(html[data-chekku-page="shift-control-report-index"]) .notice.success {
  background: rgba(var(--ck-legacy-success-soft-rgb,220,252,231),0.82);
  color: var(--ck-legacy-success,#166534);
}

:where(html[data-chekku-page="shift-control-report-index"]) .notice.error {
  background: rgba(var(--ck-legacy-danger-soft-rgb,254,226,226),0.9);
  color: var(--ck-legacy-danger,#991b1b);
}

:where(html[data-chekku-page="shift-control-report-index"]) .layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 22px;
  margin-top: 22px;
  align-items: start;
}

:where(html[data-chekku-page="shift-control-report-index"]) .card-header {
  padding: 20px 22px;
  border-bottom: 1px solid rgba(76,29,149,.1);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .card-title {
  margin: 0;
  letter-spacing: -.03em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .card-subtitle {
  margin: 6px 0 0;
  color: var(--scr-muted);
  font-size: 13px;
  line-height: 1.5;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-panel-header {
  align-items: center;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-header-main {
  min-width: 240px;
  flex: 1 1 280px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-operational-totals {
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  gap: 9px;
  align-items: stretch;
  flex: 1 1 330px;
  max-width: 440px;
  border-radius: var(--radius-card);
  padding: 8px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  border-radius: var(--radius-card);
  padding: 10px 12px;
  background: var(--color-surface);
  border: 1px solid rgba(76,29,149,.1);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-icon {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: rgba(var(--ck-legacy-success-soft-rgb,220,252,231),0.78);
  border: 1px solid rgba(22,101,52,.1);
  font-size: 16px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill.weight .reports-total-icon {
  background: rgba(var(--ck-legacy-blue-soft-rgb,224,242,254),0.86);
  border-color: rgba(2,132,199,.12);
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill.avgkg {
  background: rgba(var(--ck-legacy-success-soft-rgb,220,252,231),0.64);
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill.avgkg .reports-total-icon {
  background: rgba(var(--ck-legacy-success-soft-rgb,220,252,231),0.9);
  border-color: rgba(22,163,74,.14);
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill small {
  display: block;
  color: var(--scr-muted);
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  white-space: nowrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill strong {
  display: block;
  margin-top: 4px;
  color: var(--ck-legacy-accent,#261645);
  font-size: 18px;
  line-height: 1;
  letter-spacing: -.035em;
  white-space: nowrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill.weight strong {
  font-size: 17px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-window {
  grid-column: 1 / -1;
  text-align: center;
  color: var(--ck-legacy-accent,#4c1d95);
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--radius-card);
  padding: 7px 10px;
  background: var(--color-surface);
  border: 1px solid rgba(76,29,149,.08);
  margin-top: -1px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(76,29,149,.12);
  color: var(--ck-legacy-accent,#4c1d95);
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  transition: .18s ease;
  font-family: var(--font-ui);
  cursor: pointer;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-filter-pill:hover {
  transform: none;
  background: rgba(var(--ck-legacy-blue-soft-rgb,237,233,254),0.9);
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-filter-pill.active {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .card-body {
  padding: 22px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 24px 0 12px;
  letter-spacing: -.01em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .section-title:first-child {
  margin-top: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .section-title span {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--scr-lilac);
}

:where(html[data-chekku-page="shift-control-report-index"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .form-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

:where(html[data-chekku-page="shift-control-report-index"]) .field {
  display: grid;
  gap: 7px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .field.full {
  grid-column: 1 / -1;
}

:where(html[data-chekku-page="shift-control-report-index"]) label {
  font-size: 12px;
  font-weight: 600;
  color: var(--ck-legacy-accent,#3f315f);
}

:where(html[data-chekku-page="shift-control-report-index"]) input,
:where(html[data-chekku-page="shift-control-report-index"]) select,
:where(html[data-chekku-page="shift-control-report-index"]) textarea {
  width: 100%;
  border: 1px solid rgba(76,29,149,.16);
  background: var(--color-surface);
  border-radius: var(--radius-control);
  padding: 12px 13px;
  font: inherit;
  color: var(--scr-text);
  outline: none;
  transition: .18s ease;
}

:where(html[data-chekku-page="shift-control-report-index"]) textarea {
  resize: vertical;
}

:where(html[data-chekku-page="shift-control-report-index"]) input:focus,
:where(html[data-chekku-page="shift-control-report-index"]) select:focus,
:where(html[data-chekku-page="shift-control-report-index"]) textarea:focus {
  border-color: rgba(109,40,217,.5);
  box-shadow: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="shift-control-report-index"]) .check-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .check-card {
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 13px;
  cursor: pointer;
  user-select: none;
  min-height: 58px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .check-card input {
  width: 18px;
  height: 18px;
  accent-color: var(--scr-primary);
  flex: 0 0 auto;
}

:where(html[data-chekku-page="shift-control-report-index"]) .check-card strong {
  font-size: 13px;
  display: block;
}

:where(html[data-chekku-page="shift-control-report-index"]) .check-card small {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: var(--scr-muted);
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-card {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 15px;
  min-height: 78px;
  user-select: none;
  position: relative;
  overflow: hidden;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-card::after {
  content: none !important;
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: var(--color-surface);
  opacity: .72;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-left {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  border: 1px solid rgba(109,40,217,.12);
  box-shadow: none;
  flex: 0 0 auto;
  font-size: 20px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-copy {
  min-width: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-copy strong {
  display: block;
  font-size: 14px;
  color: var(--ck-legacy-accent,#261645);
  line-height: 1.1;
  letter-spacing: -.01em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-copy small {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  color: var(--scr-muted);
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-minutes {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  padding: 8px 9px 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(76,29,149,.12);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-minutes label {
  margin: 0;
  color: var(--ck-legacy-accent,#4c1d95);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  white-space: nowrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-minutes input {
  width: 88px;
  border-radius: var(--radius-control);
  padding: 10px 11px;
  text-align: center;
  font-weight: 600;
  background: var(--color-surface);
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-minutes span {
  color: var(--ck-legacy-accent,#4c1d95);
  font-size: 12px;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hourly-table-wrap {
  overflow-x: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(76,29,149,.12);
  background: var(--color-surface);
}

:where(html[data-chekku-page="shift-control-report-index"]) table {
  width: 100%;
  border-collapse: collapse;
  min-width: 1100px;
}

:where(html[data-chekku-page="shift-control-report-index"]) th,
:where(html[data-chekku-page="shift-control-report-index"]) td {
  padding: 11px;
  border-bottom: 1px solid rgba(76,29,149,.08);
  text-align: left;
  vertical-align: middle;
}

:where(html[data-chekku-page="shift-control-report-index"]) th {
  background: rgba(var(--ck-legacy-blue-soft-rgb,237,233,254),0.74);
  font-size: 11px;
  color: var(--ck-legacy-accent,#4c1d95);
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="shift-control-report-index"]) td input,
:where(html[data-chekku-page="shift-control-report-index"]) td select {
  border-radius: var(--radius-control);
  padding: 9px 10px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hour-index {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-card);
  background: rgba(109,40,217,.1);
  color: var(--ck-legacy-accent,#4c1d95);
  font-weight: 600;
  font-size: 12px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hourly-calc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  padding: 7px 9px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-success-soft-rgb,220,252,231),0.62);
  color: var(--ck-legacy-success,#166534);
  font-weight: 600;
  font-size: 12px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .row-warning {
  margin-top: 5px;
  color: var(--ck-legacy-danger,#991b1b);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.25;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hourly-row.is-invalid {
  background: rgba(var(--ck-legacy-danger-soft-rgb,254,226,226),0.62) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hourly-row.is-invalid .hourly-calc {
  background: rgba(var(--ck-legacy-danger-soft-rgb,254,226,226),0.9);
  color: var(--ck-legacy-danger,#991b1b);
}

:where(html[data-chekku-page="shift-control-report-index"]) .hourly-row.is-hidden {
  display: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 22px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .btn {
  border: 0;
  border-radius: var(--radius-control);
  padding: 13px 18px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: transform .18s ease, box-shadow .18s ease;
}

:where(html[data-chekku-page="shift-control-report-index"]) .btn:hover {
  transform: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .btn.primary {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .btn.soft {
  color: var(--ck-legacy-accent,#4c1d95);
  background: rgba(var(--ck-legacy-blue-soft-rgb,237,233,254),0.9);
  border: 1px solid rgba(76,29,149,.12);
}

:where(html[data-chekku-page="shift-control-report-index"]) .btn.danger {
  color: var(--ck-legacy-danger,#991b1b);
  background: rgba(var(--ck-legacy-danger-soft-rgb,254,226,226),0.9);
  border: 1px solid rgba(185,28,28,.14);
}

:where(html[data-chekku-page="shift-control-report-index"]) .btn.small {
  padding: 9px 12px;
  font-size: 12px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .today-list {
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card {
  padding: 16px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-report-pill {
  border: 0;
  cursor: pointer;
  font-family: var(--font-ui);
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-report-pill.active {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .calendar-report-form {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .calendar-report-trigger {
  min-width: 42px;
  justify-content: center;
  padding-left: 12px;
  padding-right: 12px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .calendar-date-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  left: 50%;
  bottom: -2px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-day-group {
  display: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-day-group.active {
  display: block;
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-day {
  background: var(--color-surface);
  border-color: rgba(22,163,74,.22);
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-afternoon {
  background: var(--color-surface);
  border-color: rgba(249,115,22,.22);
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-night {
  background: var(--color-surface);
  border-color: rgba(109,40,217,.24);
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-default {
  background: var(--color-surface);
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-day .report-badge {
  background: rgba(var(--ck-legacy-success-soft-rgb,220,252,231),0.9);
  color: var(--ck-legacy-success,#166534);
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-afternoon .report-badge {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,237,213),0.94);
  color: var(--ck-legacy-warning,#9a3412);
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-night .report-badge {
  background: rgba(var(--ck-legacy-blue-soft-rgb,237,233,254),0.94);
  color: var(--ck-legacy-accent,#4c1d95);
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.02em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-meta {
  margin-top: 4px;
  color: var(--scr-muted);
  font-size: 12px;
  line-height: 1.45;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-badge {
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--scr-lilac);
  color: var(--ck-legacy-accent,#4c1d95);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 10px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .stat-box {
  padding: 11px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .stat-box small {
  display: block;
  color: var(--scr-muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .stat-box strong {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  letter-spacing: -.02em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .stat-box em {
  display: block;
  margin-top: 4px;
  font-style: normal;
  font-size: 10px;
  line-height: 1.35;
  color: var(--scr-muted);
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .stat-box.avg-good strong {
  color: var(--ck-legacy-success,#166534);
}

:where(html[data-chekku-page="shift-control-report-index"]) .stat-box.avg-watch strong {
  color: var(--ck-legacy-warning,#92400e);
}

:where(html[data-chekku-page="shift-control-report-index"]) .stat-box.avg-low strong {
  color: var(--ck-legacy-danger,#991b1b);
}

:where(html[data-chekku-page="shift-control-report-index"]) .handover-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .info-box {
  padding: 12px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .info-box.full {
  grid-column: 1 / -1;
}

:where(html[data-chekku-page="shift-control-report-index"]) .info-box small {
  display: block;
  color: var(--ck-legacy-accent,#4c1d95);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-weight: 600;
  margin-bottom: 5px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .info-box p {
  margin: 0;
  white-space: pre-wrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .downtime-list {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .down-chip {
  border-radius: var(--radius-control);
  padding: 10px 11px;
  background: rgba(var(--ck-legacy-warning-soft-rgb,254,243,199),0.58);
  border: 1px solid rgba(180,83,9,.13);
  font-size: 12px;
  color: var(--ck-legacy-warning,#4a3412);
  line-height: 1.45;
}

:where(html[data-chekku-page="shift-control-report-index"]) .down-chip strong {
  color: var(--ck-legacy-warning,#92400e);
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-open-card {
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-open-card:hover {
  transform: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card-hint {
  margin-top: 10px;
  color: var(--scr-muted);
  font-size: 12px;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: rgba(24, 16, 45, .42);
  backdrop-filter: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-backdrop.show {
  display: flex;
}

:where(html[data-chekku-page="shift-control-report-index"]) body.report-modal-open {
  overflow: hidden;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-card {
  width: min(1120px, 100%);
  max-height: min(88vh, 920px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-header {
  padding: 20px 22px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid rgba(76,29,149,.11);
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-blue-soft-rgb,237,233,254),0.9);
  color: var(--ck-legacy-accent,#4c1d95);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-title {
  margin: 0;
  font-size: 24px;
  letter-spacing: -.04em;
  line-height: 1.05;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-meta {
  margin-top: 7px;
  color: var(--scr-muted);
  font-size: 12px;
  line-height: 1.55;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-actions form {
  margin: 0;
  display: inline-flex;
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-close-label {
  width: auto;
  height: auto;
  min-height: 39px;
  padding: 9px 13px;
  border: 0;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-blue-soft-rgb,237,233,254),0.9);
  color: var(--ck-legacy-accent,#4c1d95);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: var(--font-ui);
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-close {
  width: 42px;
  height: 42px;
  border: 0;
  font-size: 22px;
  font-weight: 600;
  cursor: pointer;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-body {
  padding: 20px 22px 24px;
  overflow: auto;
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-section-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 18px 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ck-legacy-accent,#261645);
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-section-title:first-child {
  margin-top: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-wrap {
  overflow-x: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(76,29,149,.12);
  background: var(--color-surface);
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-table {
  min-width: 980px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-table th,
:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-table td {
  padding: 10px;
  font-size: 12px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-table td {
  color: var(--ck-legacy-accent,#352750);
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-total {
  font-weight: 600;
  color: var(--ck-legacy-accent,#4c1d95);
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-bins {
  font-weight: 600;
  color: var(--ck-legacy-success,#166534);
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-warning {
  color: var(--ck-legacy-danger,#991b1b);
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-list-modal {
  max-width: min(1180px, calc(100vw - 28px));
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-bins-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  font-weight: 600;
  border: 1px solid rgba(76,29,149,.08);
}

:where(html[data-chekku-page="shift-control-report-index"]) .bin-neutral {
  background: rgba(var(--ck-legacy-blue-soft-rgb,237,233,254),0.72);
  color: var(--ck-legacy-accent,#4c1d95);
}

:where(html[data-chekku-page="shift-control-report-index"]) .bin-good {
  background: rgba(var(--ck-legacy-success-soft-rgb,220,252,231),0.9);
  color: var(--ck-legacy-success,#166534);
  border-color: rgba(22,101,52,.16);
}

:where(html[data-chekku-page="shift-control-report-index"]) .bin-watch {
  background: rgba(var(--ck-legacy-warning-soft-rgb,254,243,199),0.92);
  color: var(--ck-legacy-warning,#92400e);
  border-color: rgba(146,64,14,.16);
}

:where(html[data-chekku-page="shift-control-report-index"]) .bin-low {
  background: rgba(var(--ck-legacy-danger-soft-rgb,254,226,226),0.95);
  color: var(--ck-legacy-danger,#991b1b);
  border-color: rgba(153,27,27,.16);
}

:where(html[data-chekku-page="shift-control-report-index"]) .hourly-calc.bin-good,
:where(html[data-chekku-page="shift-control-report-index"]) .hourly-calc.bin-watch,
:where(html[data-chekku-page="shift-control-report-index"]) .hourly-calc.bin-low,
:where(html[data-chekku-page="shift-control-report-index"]) .hourly-calc.bin-neutral {
  border: 1px solid rgba(76,29,149,.08);
}

:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-summary {
  position: fixed;
  z-index: 9988;
  width: min(680px, calc(100vw - 28px));
  padding: 14px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  color: var(--ck-legacy-accent,#4c1d95);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 8px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-item {
  border-radius: var(--radius-card);
  padding: 9px 10px;
  background: var(--color-surface);
  border: 1px solid rgba(76,29,149,.09);
  min-width: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-item small {
  display: block;
  color: var(--scr-muted);
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-item strong {
  display: block;
  margin-top: 4px;
  color: var(--ck-legacy-accent,#261645);
  font-size: 13px;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-item.time strong {
  font-size: 14px;
  letter-spacing: -.045em;
  overflow: visible;
  text-overflow: clip;
}

:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-item.weight strong {
  font-size: 15px;
  letter-spacing: -.035em;
}

@media (max-width: 920px) {
:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-summary {
  display: none;
}
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details {
  margin-top: 14px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(76,29,149,.12);
  background: var(--color-surface);
  overflow: hidden;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details summary {
  cursor: pointer;
  padding: 13px 15px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ck-legacy-accent,#4c1d95);
  list-style: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details summary::-webkit-details-marker {
  display: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details summary::after {
  content: "＋";
  float: right;
  color: var(--ck-legacy-accent,#6d28d9);
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details[open] summary::after {
  content: "−";
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details > .modal-section-title,
:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details > .modal-hourly-wrap,
:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details > .downtime-list,
:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details > .handover-grid,
:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details > .empty {
  margin-left: 14px;
  margin-right: 14px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details > .handover-grid {
  margin-bottom: 14px;
}

@media (max-width: 760px) {
:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-backdrop {
  padding: 12px;
  align-items: flex-end;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-card {
  max-height: 92vh;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-header,
:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-body {
  padding: 18px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-header {
  flex-direction: column;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-right {
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

:where(html[data-chekku-page="shift-control-report-index"]) .modal-actions {
  justify-content: flex-start;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-title {
  font-size: 21px;
}
}

:where(html[data-chekku-page="shift-control-report-index"]) .empty {
  border-radius: var(--radius-card);
  padding: 18px;
  background: var(--color-surface);
  border: 1px dashed rgba(76,29,149,.22);
  color: var(--scr-muted);
  text-align: center;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hint {
  margin-top: 8px;
  font-size: 12px;
  color: var(--scr-muted);
  line-height: 1.5;
}

:where(html[data-chekku-page="shift-control-report-index"]) .admin-reassign-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, .55fr);
  gap: 14px;
  align-items: center;
  margin-bottom: 18px;
  padding: 15px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .admin-reassign-copy strong {
  display: block;
  color: var(--ck-legacy-accent,#261645);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.015em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .admin-reassign-copy small {
  display: block;
  margin-top: 5px;
  color: var(--scr-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="shift-control-report-index"]) .admin-reassign-select {
  min-width: 0;
}

@media (max-width: 1120px) {
:where(html[data-chekku-page="shift-control-report-index"]) .hero-top,
:where(html[data-chekku-page="shift-control-report-index"]) .layout {
  grid-template-columns: 1fr;
}
}

@media (max-width: 1040px) {
:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-card {
  grid-template-columns: 1fr;
  align-items: stretch;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-stats-grid {
  justify-content: flex-start;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-row {
  grid-template-columns: 1fr;
  align-items: stretch;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-pills {
  justify-content: flex-start;
}
}

@media (max-width: 860px) {
:where(html[data-chekku-page="shift-control-report-index"]) .check-row,
:where(html[data-chekku-page="shift-control-report-index"]) .report-stats,
:where(html[data-chekku-page="shift-control-report-index"]) .handover-grid {
  grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 760px) {
:where(html[data-chekku-page="shift-control-report-index"]) .page-shell {
  padding-top: 16px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero,
:where(html[data-chekku-page="shift-control-report-index"]) .card-body,
:where(html[data-chekku-page="shift-control-report-index"]) .card-header {
  padding: 18px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .form-grid,
:where(html[data-chekku-page="shift-control-report-index"]) .form-grid.three,
:where(html[data-chekku-page="shift-control-report-index"]) .check-row,
:where(html[data-chekku-page="shift-control-report-index"]) .mini-grid,
:where(html[data-chekku-page="shift-control-report-index"]) .report-stats,
:where(html[data-chekku-page="shift-control-report-index"]) .handover-grid,
:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot,
:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-compare-grid,
:where(html[data-chekku-page="shift-control-report-index"]) .admin-reassign-box {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-card {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-minutes {
  width: 100%;
  justify-content: space-between;
}

:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-minutes input {
  width: min(120px, 42vw);
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-operational-totals {
  width: 100%;
  max-width: none;
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-window {
  text-align: center;
}
}

:root:where(html[data-chekku-page="shift-control-report-index"]) {
  --scr-bg: var(--color-ink);
  --scr-card: rgba(255,255,255,.72);
  --scr-border: rgba(255,255,255,.34);
  --scr-text: var(--color-ink);
  --scr-muted: var(--color-muted);
  --scr-primary: var(--color-blue);
  --scr-primary-dark: var(--color-blue-deep);
  --scr-primary-900: var(--color-ink);
  --scr-accent: var(--color-coral);
  --scr-warm: var(--color-peach-soft);
  --scr-lilac: var(--color-blue-soft);
  --scr-blue: #E0F2FE;
  --scr-green: #DCFCE7;
  --scr-amber: #FEF3C7;
  --scr-red: #FEE2E2;
  --scr-shadow: none;
  --scr-radius: var(--radius-card);
}

html:where(html[data-chekku-page="shift-control-report-index"]) {
  min-height: 100%;
}

:where(html[data-chekku-page="shift-control-report-index"]) body {
  color: var(--scr-text);
  min-height: 100vh;
  position: relative;
}

:where(html[data-chekku-page="shift-control-report-index"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--color-surface);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .page-shell {
  padding: 24px 0 64px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .eyebrow,
:where(html[data-chekku-page="shift-control-report-index"]) .hero-panel-title,
:where(html[data-chekku-page="shift-control-report-index"]) .card-title,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-period-title,
:where(html[data-chekku-page="shift-control-report-index"]) .modal-section-title {
  color: var(--scr-primary-dark) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .eyebrow {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.66) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-copy {
  font-weight: 600;
  text-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .pill,
:where(html[data-chekku-page="shift-control-report-index"]) .hero-report-pill,
:where(html[data-chekku-page="shift-control-report-index"]) .calendar-report-trigger {
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.48) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .pill:hover,
:where(html[data-chekku-page="shift-control-report-index"]) .hero-report-pill:hover {
  transform: none;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-report-pill.active,
:where(html[data-chekku-page="shift-control-report-index"]) .calendar-report-trigger.active {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.44) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-panel,
:where(html[data-chekku-page="shift-control-report-index"]) .card,
:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot-card,
:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-card,
:where(html[data-chekku-page="shift-control-report-index"]) .mini-card,
:where(html[data-chekku-page="shift-control-report-index"]) .toolbox-card,
:where(html[data-chekku-page="shift-control-report-index"]) .check-card,
:where(html[data-chekku-page="shift-control-report-index"]) .report-card,
:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details,
:where(html[data-chekku-page="shift-control-report-index"]) .info-box,
:where(html[data-chekku-page="shift-control-report-index"]) .stat-box,
:where(html[data-chekku-page="shift-control-report-index"]) .empty,
:where(html[data-chekku-page="shift-control-report-index"]) .notice,
:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill,
:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-summary {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .card {
  overflow: hidden;
}

:where(html[data-chekku-page="shift-control-report-index"]) .card-header,
:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-header {
  border-bottom: 1px solid rgba(53,92,125,.10) !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .card-subtitle,
:where(html[data-chekku-page="shift-control-report-index"]) .hero-panel-title,
:where(html[data-chekku-page="shift-control-report-index"]) .mini-card .label,
:where(html[data-chekku-page="shift-control-report-index"]) .mini-card .sub,
:where(html[data-chekku-page="shift-control-report-index"]) .hint,
:where(html[data-chekku-page="shift-control-report-index"]) .report-card-hint,
:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-meta,
:where(html[data-chekku-page="shift-control-report-index"]) .field label,
:where(html[data-chekku-page="shift-control-report-index"]) .section-heading p,
:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-item small {
  color: var(--scr-muted) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .mini-card .value,
:where(html[data-chekku-page="shift-control-report-index"]) .report-title,
:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-name,
:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-item strong,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-value,
:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill strong,
:where(html[data-chekku-page="shift-control-report-index"]) .stat-box strong {
  color: var(--scr-primary-dark) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-rank,
:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-kicker,
:where(html[data-chekku-page="shift-control-report-index"]) .modal-close-label,
:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-close,
:where(html[data-chekku-page="shift-control-report-index"]) .btn.soft,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kg-bin-pill {
  color: var(--scr-primary-dark) !important;
  background: rgba(var(--ck-legacy-blue-soft-rgb,224,242,254),0.82) !important;
  border: 1px solid rgba(53,92,125,.12) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) input,
:where(html[data-chekku-page="shift-control-report-index"]) select,
:where(html[data-chekku-page="shift-control-report-index"]) textarea {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.15) !important;
  color: var(--scr-text) !important;
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) input:focus,
:where(html[data-chekku-page="shift-control-report-index"]) select:focus,
:where(html[data-chekku-page="shift-control-report-index"]) textarea:focus {
  border-color: rgba(53,92,125,.42) !important;
  box-shadow: none !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .btn.primary {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .btn.primary:hover {
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .btn.danger {
  color: #fff !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.2) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .section-heading {
  border-top: 1px solid rgba(53,92,125,.09) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hourly-table-wrap,
:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-wrap {
  border: 1px solid rgba(53,92,125,.12) !important;
  background: var(--color-surface) !important;
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) table th {
  color: var(--color-blue-deep) !important;
  background: rgba(var(--ck-legacy-blue-soft-rgb,224,242,254),0.76) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) table td,
:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-table td {
  color: var(--color-blue-deep) !important;
  border-top-color: rgba(53,92,125,.08) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hourly-calc,
:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-bins-pill {
  border: 1px solid rgba(53,92,125,.08) !important;
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card {
  position: relative;
  overflow: hidden;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card::before {
  content: none !important;
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: var(--color-surface);
  opacity: .78;
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-day::before {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-afternoon::before {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-night::before {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-operational-totals {
  gap: 10px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill {
  min-height: 62px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill small,
:where(html[data-chekku-page="shift-control-report-index"]) .stat-box small,
:where(html[data-chekku-page="shift-control-report-index"]) .info-box small {
  color: var(--scr-muted) !important;
  letter-spacing: .06em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-backdrop {
  background: rgba(39,58,77,.50) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-modal-title,
:where(html[data-chekku-page="shift-control-report-index"]) .modal-hourly-total,
:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details summary {
  color: var(--scr-primary-dark) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-inline-details summary::after {
  color: var(--scr-accent) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-summary {
  right: 18px;
  bottom: 18px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-title {
  color: var(--scr-primary-dark) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-item {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.08) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .notice.success {
  color: var(--ck-legacy-success,#166534) !important;
  background: var(--color-surface) !important;
  border-color: rgba(22,101,52,.18) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .notice.error {
  color: var(--ck-legacy-danger,#991b1b) !important;
  background: var(--color-surface) !important;
  border-color: rgba(185,28,28,.18) !important;
}

@media (max-width:760px) {
:where(html[data-chekku-page="shift-control-report-index"]) .floating-live-summary {
  display: none !important;
}
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklyUnlockPill {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  cursor: default !important;
  user-select: none;
  -webkit-user-select: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklyUnlockPill:hover {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: default !important;
}

html:where(html[data-chekku-page="shift-control-report-index"]),
:where(html[data-chekku-page="shift-control-report-index"]) body {
  min-height: 100%;
  overflow-x: hidden;
}

:where(html[data-chekku-page="shift-control-report-index"]) body {
  margin: 0 !important;
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) body::before,
:where(html[data-chekku-page="shift-control-report-index"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .chekku-bg-filter {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  transform: translateZ(0) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .page-shell {
  position: relative !important;
  z-index: 1 !important;
  padding: clamp(14px, 2vh, 24px) 0 56px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .app-page-shell.hero {
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
  padding: 0 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .app-page-shell.hero::before,
:where(html[data-chekku-page="shift-control-report-index"]) .app-page-shell.hero::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .app-topbar {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .app-topbar::after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: var(--color-surface) !important;
  pointer-events: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .brand-orb {
  flex: 0 0 132px !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .brand-orb img {
  width: 130px !important;
  height: 130px !important;
  object-fit: contain !important;
  filter: none !important;
  display: block !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .brand-cluster h1 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .chip.glass-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) a.chip.glass-chip:hover {
  transform: none !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-top {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr) !important;
  align-items: start !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-intro-card,
:where(html[data-chekku-page="shift-control-report-index"]) .hero-panel,
:where(html[data-chekku-page="shift-control-report-index"]) .layout > .card,
:where(html[data-chekku-page="shift-control-report-index"]) .reports-section,
:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot-card,
:where(html[data-chekku-page="shift-control-report-index"]) .supervisor-comparison-card {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-intro-card {
  position: relative !important;
  overflow: hidden !important;
  padding: 20px !important;
  margin: 0 0 12px !important;
  min-height: 168px !important;
  display: flex !important;
  align-items: center !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-intro-card::after {
  content: "SHIFT" !important;
  position: absolute !important;
  right: 16px !important;
  bottom: -10px !important;
  color: rgba(var(--ck-legacy-accent-rgb,53,92,125),0.06) !important;
  font-size: clamp(4rem, 10vw, 8rem) !important;
  line-height: .8 !important;
  font-weight: 600 !important;
  letter-spacing: -.08em !important;
  pointer-events: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .intro-copy {
  position: relative !important;
  z-index: 1 !important;
  max-width: 700px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-intro-card h2 {
  margin: 10px 0 8px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-copy {
  max-width: 760px !important;
  margin: 0 !important;
  color: var(--color-muted) !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .eyebrow,
:where(html[data-chekku-page="shift-control-report-index"]) #weeklyUnlockPill {
  color: var(--color-blue) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  box-shadow: none !important;
  cursor: default !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-filter-pills {
  margin: 0 0 14px !important;
  padding: 0 2px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .pill,
:where(html[data-chekku-page="shift-control-report-index"]) button.pill,
:where(html[data-chekku-page="shift-control-report-index"]) .hero-report-pill {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .pill.active,
:where(html[data-chekku-page="shift-control-report-index"]) .hero-report-pill.active {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .layout {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .footer-space,
:where(html[data-chekku-page="shift-control-report-index"]) footer,
:where(html[data-chekku-page="shift-control-report-index"]) .app-footer {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .popup-backdrop,
:where(html[data-chekku-page="shift-control-report-index"]) .modal-backdrop {
  position: fixed !important;
  z-index: 9998 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .popup-card,
:where(html[data-chekku-page="shift-control-report-index"]) .modal-card,
:where(html[data-chekku-page="shift-control-report-index"]) .report-modal {
  position: relative !important;
  z-index: 9999 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .app-title-subline {
  max-width: 780px !important;
  margin: 7px 0 0 !important;
  color: var(--color-muted) !important;
  font-size: .98rem !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .brand-orb#weeklyUnlockLogo {
  cursor: default !important;
  user-select: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .topbar-report-pills {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .topbar-report-pills .calendar-report-form {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .topbar-report-pills .pill,
:where(html[data-chekku-page="shift-control-report-index"]) .topbar-report-pills button.pill {
  min-height: 40px !important;
  border-radius: var(--radius-control) !important;
  padding: 8px 12px !important;
  font-size: .82rem !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hub-report-pill {
  text-decoration: none !important;
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.54) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hub-report-pill:hover {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.72) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-secret-column:empty {
  display: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .layout {
  grid-template-columns: 1.2fr .8fr !important;
  margin-top: 16px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-top {
  margin-bottom: 16px !important;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="shift-control-report-index"]) .hero-top {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="shift-control-report-index"]) .app-topbar {
  align-items: flex-start !important;
  flex-direction: column !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .topbar-actions {
  width: 100% !important;
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .chip.glass-chip {
  width: 100% !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .topbar-report-pills {
  width: 100% !important;
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .brand-orb {
  flex-basis: 88px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .brand-orb img {
  width: 86px !important;
  height: 86px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-intro-card {
  min-height: 150px !important;
}
}

:where(html[data-chekku-page="shift-control-report-index"]) .chekku-bg-filter {
  background: var(--color-surface) !important;
  background-size: cover !important;
  background-attachment: scroll !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-top {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  gap: 16px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-secret-column {
  display: contents !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-panel {
  width: min(100%, 520px) !important;
  min-height: auto !important;
  padding: 16px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-panel .mini-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .layout {
  grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .layout > .card:first-child {
  margin-top: 0 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .layout > aside.card {
  align-self: start !important;
  width: 100% !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot {
  padding: clamp(18px, 3vw, 34px) !important;
  background: rgba(39,58,77,.42) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot::before {
  justify-content: space-between !important;
  min-height: 54px !important;
  padding: 16px 58px 16px 18px !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66) !important;
  font-size: clamp(1.25rem, 2.4vw, 1.8rem) !important;
  letter-spacing: -.04em !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot-close {
  top: clamp(22px, 3vw, 38px) !important;
  right: clamp(22px, 3vw, 38px) !important;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.7) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot .snapshot-period-title,
:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot .weekly-snapshot-card,
:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot .supervisor-comparison-card {
  position: relative !important;
  z-index: 1 !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="shift-control-report-index"]) .hero-top {
  justify-content: stretch !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-panel {
  width: 100% !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .layout {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="shift-control-report-index"]) .hero-panel .mini-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot {
  grid-template-columns: 1fr !important;
  padding: 16px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot::before {
  padding-right: 62px !important;
}
}

:where(html[data-chekku-page="shift-control-report-index"]) .brand-orb#weeklyUnlockLogo,
:where(html[data-chekku-page="shift-control-report-index"]) .brand-orb#weeklyUnlockLogo img {
  cursor: default !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .app-kicker {
  text-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .app-title-subline {
  display: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .app-title-subline {
  max-width: 820px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.42 !important;
  opacity: .92 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-top {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .hero-secret-column {
  display: block !important;
  min-height: 0 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.14fr) minmax(360px, .86fr) !important;
  gap: 16px !important;
  align-items: start !important;
  margin-top: 8px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .layout > .card:first-child {
  align-self: start !important;
  min-height: calc(100dvh - 190px) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-side-stack {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  align-items: start !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-side-stack .hero-panel,
:where(html[data-chekku-page="shift-control-report-index"]) .report-side-stack .reports-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-side-stack .hero-panel {
  padding: 16px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-side-stack .reports-card {
  align-self: start !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-side-stack .reports-panel-header {
  padding: 16px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-side-stack .card-body {
  padding-top: 0 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9998 !important;
  display: none !important;
  grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  gap: 14px !important;
  align-content: start !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: clamp(76px, 8vh, 96px) clamp(18px, 3vw, 36px) clamp(22px, 4vh, 44px) !important;
  overflow: auto !important;
  background: rgba(39,58,77,.56) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot.is-unlocked:not(.is-secret-hidden) {
  display: grid !important;
  animation: fadeIn .18s ease both !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot::before {
  content: "Production supervisor snapshot" !important;
  grid-column: 1 / -1 !important;
  max-width: 1120px !important;
  width: 100% !important;
  margin: 0 auto 2px !important;
  min-height: 58px !important;
  padding: 16px 62px 16px 18px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.72) !important;
  box-shadow: none !important;
  color: var(--color-ink) !important;
  font-size: clamp(1.25rem, 2.3vw, 1.9rem) !important;
  font-weight: 600 !important;
  letter-spacing: -.045em !important;
  display: flex !important;
  align-items: center !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot .snapshot-period-title,
:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot .weekly-snapshot-card,
:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot .supervisor-comparison-card {
  max-width: 1120px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.7) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot .weekly-snapshot-card {
  min-height: 138px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot .snapshot-period-title,
:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot .supervisor-comparison-card {
  grid-column: 1 / -1 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot .supervisor-comparison-card {
  padding: 14px !important;
  max-height: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot .supervisor-comparison-row {
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot .supervisor-comparison-pills {
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot-close {
  position: fixed !important;
  top: clamp(20px, 3vw, 34px) !important;
  right: clamp(20px, 3vw, 34px) !important;
  z-index: 10000 !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.74) !important;
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
  font: inherit !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="shift-control-report-index"]) .layout {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .layout > .card:first-child {
  min-height: auto !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot {
  padding: 74px 14px 22px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .weekly-snapshot::before {
  padding-right: 62px !important;
}
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret.weekly-snapshot {
  padding: clamp(72px, 8vh, 98px) clamp(14px, 3vw, 34px) clamp(28px, 4vh, 46px) !important;
  grid-template-columns: minmax(0, 1120px) !important;
  gap: 14px !important;
  align-content: start !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret.weekly-snapshot.is-unlocked:not(.is-secret-hidden) {
  display: grid !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret.weekly-snapshot::before {
  content: "Production supervisor snapshot" !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto 2px !important;
  min-height: auto !important;
  padding: 18px 70px 18px 20px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.76) !important;
  box-shadow: none !important;
  color: var(--color-ink) !important;
  font-size: clamp(1.35rem, 2.35vw, 2rem) !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  letter-spacing: -.045em !important;
  display: flex !important;
  align-items: center !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret .weekly-snapshot-close {
  top: clamp(22px, 3vw, 36px) !important;
  right: clamp(22px, 3vw, 36px) !important;
  z-index: 2147483001 !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.74) !important;
  font-size: 1.15rem !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret .snapshot-period-title,
:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret .weekly-snapshot-card,
:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret .supervisor-comparison-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.72) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret .weekly-snapshot-card {
  border-radius: var(--radius-card) !important;
  min-height: 0 !important;
  padding: 16px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret .snapshot-period-title {
  border-radius: var(--radius-card) !important;
  padding: 14px 16px !important;
  font-weight: 600 !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret .supervisor-compare-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 12px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret .supervisor-comparison-card {
  border-radius: var(--radius-card) !important;
  padding: 16px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret .supervisor-comparison-row {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: none !important;
}

@media (max-width:760px) {
:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret.weekly-snapshot {
  padding-top: 82px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret.weekly-snapshot::before {
  padding-right: 66px !important;
  border-radius: var(--radius-card) !important;
}
}

:where(html[data-chekku-page="shift-control-report-index"]) body.weekly-snapshot-open {
  overflow: hidden !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) body.weekly-snapshot-open .page-shell,
:where(html[data-chekku-page="shift-control-report-index"]) body.weekly-snapshot-open .chekku-bg-filter {
  pointer-events: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret.weekly-snapshot {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: none !important;
  width: 100vw !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(18px, 3vh, 34px) !important;
  overflow: auto !important;
  background: var(--color-surface) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret.weekly-snapshot::before,
:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret.weekly-snapshot::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret.weekly-snapshot.is-secret-hidden,
:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret.weekly-snapshot:not(.is-unlocked) {
  display: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret.weekly-snapshot.is-unlocked:not(.is-secret-hidden) {
  display: flex !important;
  animation: fadeIn .18s ease both !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret .weekly-snapshot-close {
  position: fixed !important;
  top: clamp(18px, 3vw, 34px) !important;
  right: clamp(18px, 3vw, 34px) !important;
  z-index: 2147483002 !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.72) !important;
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 1.12rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-modal-shell {
  width: min(1180px, 100%) !important;
  margin: clamp(44px, 5vh, 58px) auto 0 !important;
  display: grid !important;
  gap: 14px !important;
  pointer-events: auto !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-modal-hero,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-period-strip,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kpi-card,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-time-card,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-section-head,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-board,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-row {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-modal-hero {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border-radius: var(--radius-card) !important;
  padding: 22px !important;
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-modal-hero::after {
  content: none !important;
  position: absolute;
  inset: auto -80px -110px auto;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--color-blue);
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-modal-hero h2 {
  margin: 5px 0 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-modal-hero p {
  margin: 8px 0 0;
  max-width: 680px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-tab {
  min-height: 42px;
  border: 1px solid rgba(8,42,85,.12);
  border-radius: var(--radius-control);
  padding: 9px 14px;
  background: var(--color-surface);
  color: var(--color-blue-deep);
  font: inherit;
  font-size: .86rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-tab.active {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-panel {
  display: none;
  gap: 14px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-panel.active {
  display: grid;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-period-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: var(--radius-card);
  padding: 15px 16px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-period-strip span,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-section-head span,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kpi-card small,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-time-card small {
  display: block;
  color: var(--color-blue);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-period-strip strong,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-section-head strong {
  display: block;
  margin-top: 3px;
  color: var(--color-ink);
  font-size: 1.06rem;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-period-chip {
  flex: 0 0 auto;
  border-radius: var(--radius-control);
  padding: 9px 12px;
  background: rgba(246,114,128,.12);
  color: var(--ck-legacy-warning,#9A4E00);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.18);
  font-size: .84rem;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kpi-card,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-time-card {
  padding: 16px;
  min-height: 138px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kpi-card strong,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-time-card strong {
  display: block;
  margin: 7px 0;
  color: var(--color-ink);
  font-size: clamp(1.4rem, 2vw, 2rem);
  line-height: 1;
  font-weight: 600;
  letter-spacing: -.04em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kpi-card span,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-time-card span {
  color: var(--color-muted);
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-time-card {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-donut {
  width: 86px;
  height: 86px;
  flex: 0 0 86px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-donut span {
  color: var(--color-ink);
  font-size: 1.08rem;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: var(--radius-card);
  padding: 14px 16px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-section-head em {
  font-style: normal;
  border-radius: var(--radius-card);
  padding: 8px 11px;
  background: rgba(53,92,125,.10);
  color: var(--color-blue-deep);
  border: 1px solid rgba(53,92,125,.12);
  font-size: .82rem;
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-board {
  display: grid;
  gap: 10px;
  border-radius: var(--radius-card);
  padding: 14px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-row {
  display: grid;
  gap: 11px;
  border-radius: var(--radius-card);
  padding: 13px;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-row.is-me {
  border-color: rgba(31,143,95,.28) !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-top {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-id {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-ink);
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-name {
  min-width: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-name strong {
  display: block;
  color: var(--color-ink);
  font-weight: 600;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-name span {
  display: block;
  margin-top: 3px;
  color: var(--color-muted);
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-total {
  text-align: right;
  color: var(--color-ink);
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-total small {
  display: block;
  margin-top: 3px;
  color: var(--color-muted);
  font-size: .68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-bar {
  height: 12px;
  border-radius: var(--radius-card);
  overflow: hidden;
  background: rgba(8,42,85,.10);
  border: 1px solid rgba(8,42,85,.08);
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-bar i {
  display: block;
  height: 100%;
  width: var(--bar);
  max-width: 100%;
  border-radius: inherit;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-metric-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-metric-pills span {
  min-width: 86px;
  flex: 1 1 86px;
  border-radius: var(--radius-card);
  padding: 9px 10px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-metric-pills small {
  display: block;
  color: var(--ck-legacy-accent,#617089);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-metric-pills b {
  display: block;
  margin-top: 3px;
  color: var(--color-ink);
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.12;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-metric-pills .snapshot-variance.is-better {
  background: var(--ck-legacy-success-soft,#EAF9F1);
  border-color: rgba(31,143,95,.18);
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-metric-pills .snapshot-variance.is-watch {
  background: var(--color-peach-soft);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.2);
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-metric-pills .snapshot-variance.is-better b {
  color: var(--ck-legacy-success,#166534);
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-metric-pills .snapshot-variance.is-watch b {
  color: var(--ck-legacy-warning,#9A4E00);
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-empty {
  padding: 24px 18px;
  border-radius: var(--radius-card);
  text-align: center;
  color: var(--color-muted);
  font-weight: 600;
  background: var(--color-surface);
  border: 1px dashed rgba(53,92,125,.18);
}

@media (max-width:980px) {
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-modal-hero {
  align-items: flex-start !important;
  flex-direction: column !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-tabs {
  justify-content: flex-start;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kpi-grid {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
}

@media (max-width:620px) {
:where(html[data-chekku-page="shift-control-report-index"]) #weeklySnapshotSecret.weekly-snapshot {
  padding: 14px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-modal-shell {
  margin-top: 58px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-kpi-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-period-strip,
:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-section-head {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-top {
  grid-template-columns: 42px minmax(0,1fr);
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-total {
  grid-column: 1 / -1;
  text-align: left;
}

:where(html[data-chekku-page="shift-control-report-index"]) .snapshot-rank-id {
  width: 42px;
  height: 42px;
}
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-card {
  overflow: hidden !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-panel-header {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 14px !important;
  padding: 18px !important;
  border-bottom: 0 !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-panel-header::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 1px;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-header-main {
  display: grid !important;
  grid-template-columns: 44px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-header-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  font-size: 20px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-card .card-title {
  letter-spacing: -.04em !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-card .card-subtitle {
  color: var(--color-muted) !important;
  font-weight: 600 !important;
  margin-top: 5px !important;
  line-height: 1.35 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-operational-totals {
  max-width: none !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill {
  min-height: 72px !important;
  border-radius: var(--radius-card) !important;
  padding: 11px 12px !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill small {
  color: var(--color-muted) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-total-pill strong {
  color: var(--color-ink) !important;
  font-size: 1.08rem !important;
  font-weight: 600 !important;
  letter-spacing: -.035em !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-side-stack .reports-card .card-body {
  padding: 16px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .reports-day-group.active {
  display: block !important;
  animation: ck-shift-control-report-index-reportFade .22s ease both;
}

@keyframes ck-shift-control-report-index-reportFade {
from {
  opacity: 0;
  transform: translateY(5px);
}

to {
  opacity: 1;
  transform: translateY(0);
}
}

:where(html[data-chekku-page="shift-control-report-index"]) .today-list {
  display: grid !important;
  gap: 12px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card.report-open-card {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 13px !important;
  padding: 15px !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card.report-open-card::before {
  content: none !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 7px !important;
  background: var(--color-surface) !important;
  opacity: .90 !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card.report-open-card::after {
  content: "📋";
  position: absolute;
  right: 14px;
  bottom: -12px;
  font-size: 6rem;
  line-height: 1;
  opacity: .075;
  pointer-events: none;
  transform: rotate(-8deg);
  z-index: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card.report-open-card > * {
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card.report-open-card:hover {
  transform: none !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-day.report-open-card::before {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-afternoon.report-open-card::before {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .shift-card-night.report-open-card::before {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-top {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
  margin-bottom: 0 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-title-row {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-shift-dot {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
  font-size: 15px;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-title {
  color: var(--color-ink) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: -.025em !important;
  line-height: 1.12 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-meta {
  color: var(--color-muted) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  margin-top: 5px !important;
  line-height: 1.35 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 11px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-performance-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.56);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-performance-copy small {
  display: block;
  color: var(--color-muted);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-performance-copy strong {
  display: block;
  margin-top: 3px;
  color: var(--color-ink);
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -.055em;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-performance-copy em {
  display: block;
  margin-top: 5px;
  color: var(--color-muted);
  font-style: normal;
  font-size: 10px;
  font-weight: 600;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-progress {
  position: relative;
  height: 9px;
  margin-top: 9px;
  border-radius: var(--radius-card);
  overflow: hidden;
  background: rgba(8,42,85,.10);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.56);
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-progress span {
  display: block;
  height: 100%;
  width: var(--report-progress,0%);
  border-radius: inherit;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-open-chip {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-control);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-size: 16px;
  font-weight: 600;
  box-shadow: none;
  transition: transform .18s ease;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card.report-open-card:hover .report-open-chip {
  transform: none;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-stats {
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card .stat-box {
  padding: 10px !important;
  min-width: 0;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card .stat-box small {
  color: var(--color-muted) !important;
  font-size: 8.5px !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card .stat-box strong {
  color: var(--color-ink) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  white-space: nowrap;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-card-hint {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: 0 !important;
  padding-top: 2px !important;
  color: var(--color-blue-deep) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

@media (max-width:520px) {
:where(html[data-chekku-page="shift-control-report-index"]) .reports-operational-totals {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-stats {
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-top {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-badge {
  justify-self: start;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-performance-row {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="shift-control-report-index"]) .report-open-chip {
  display: none;
}
}

:where(html[data-chekku-page="shift-control-report-index"]) .chekku-bg-filter::after {
  content: none !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: clamp(190px, 25vh, 310px) !important;
  pointer-events: none !important;
  background: var(--color-surface);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width:680px) {
:where(html[data-chekku-page="shift-control-report-index"]) .chekku-bg-filter::after {
  height: clamp(220px, 34vh, 360px) !important;
  background: var(--color-surface);
}
}

/* MODULE: size_analysis/index.php */

:root:where(html[data-chekku-page="size-analysis-index"]) {
  --chekku-danger: #e53935;
  --surface: #F7F5FA;
  --ring: rgba(108,91,123,.25);
  --glass: rgba(255,255,255,.88);
  --border-soft: rgba(18,16,28,.08);
}

:where(html[data-chekku-page="size-analysis-index"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="size-analysis-index"]),
:where(html[data-chekku-page="size-analysis-index"]) body {
  height: 100%;
}

:where(html[data-chekku-page="size-analysis-index"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
}

:where(html[data-chekku-page="size-analysis-index"]) .container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 22px 18px 28px;
}

:where(html[data-chekku-page="size-analysis-index"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  display: flex;
  flex-direction: column;
  padding: 14px 10px 86px;
}

:where(html[data-chekku-page="size-analysis-index"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="size-analysis-index"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="size-analysis-index"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--ck-solid-blue,var(--chekku-primary));
  color: var(--color-ink);
  border: none;
  padding: .65rem .9rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
  font-weight: 600;
  -webkit-tap-highlight-color: transparent;
  transition: transform .16s ease, filter .16s ease;
}

:where(html[data-chekku-page="size-analysis-index"]) .toggle-btn:hover {
  filter: brightness(.97);
}

:where(html[data-chekku-page="size-analysis-index"]) .toggle-btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="size-analysis-index"]) .sidebar .brand {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: 10px 12px 8px;
  font-weight: 600;
  color: var(--color-purple);
  font-size: 1rem;
}

:where(html[data-chekku-page="size-analysis-index"]) .sidebar nav,
:where(html[data-chekku-page="size-analysis-index"]) .sidebar .nav,
:where(html[data-chekku-page="size-analysis-index"]) .sidebar ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: none;
  margin: 8px 0 0;
  padding: 0 6px 12px;
}

:where(html[data-chekku-page="size-analysis-index"]) .sidebar li {
  list-style: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 10px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
  white-space: nowrap;
  transition: background .15s ease,color .15s ease,transform .04s ease;
}

:where(html[data-chekku-page="size-analysis-index"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="size-analysis-index"]) .sidebar a:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="size-analysis-index"]) .sidebar a.active,
:where(html[data-chekku-page="size-analysis-index"]) .sidebar a[aria-current="page"] {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="size-analysis-index"]) .sidebar-logo {
  position: absolute;
  bottom: 5.2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 190px;
  opacity: .95;
  filter: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero {
  position: relative;
  max-width: 1180px;
  margin: 0 auto 18px;
  padding: 26px;
  isolation: isolate;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero::before {
  content: none !important;
  position: absolute;
  right: -70px;
  bottom: -90px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: var(--color-surface);
  z-index: -1;
  pointer-events: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  color: var(--chekku-primary-700);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .02em;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero h1 {
  margin: 0;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero p {
  margin: 0;
  max-width: 860px;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-export {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  align-self: start;
  padding: .8rem 1rem;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.16);
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-export:hover {
  transform: none;
  background: var(--ck-legacy-blue-soft,#faf7ff);
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-stats {
  display: grid;
  grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="size-analysis-index"]) .stat-card {
  padding: 18px;
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="size-analysis-index"]) .stat-label {
  color: var(--muted);
  font-size: .82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
}

:where(html[data-chekku-page="size-analysis-index"]) .stat-value {
  margin-top: 5px;
}

:where(html[data-chekku-page="size-analysis-index"]) .stat-sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="size-analysis-index"]) .mini-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

:where(html[data-chekku-page="size-analysis-index"]) .mini-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-weight: 600;
  font-size: .88rem;
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) #draft-toolbar {
  position: sticky;
  top: 10px;
  z-index: 50;
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  justify-content: center;
  align-items: center;
  max-width: 1180px;
  margin: 0 auto 18px;
  padding: .75rem .9rem;
  background: var(--glass);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  border-radius: var(--radius-card);
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .btn-md3 {
  background: var(--ck-solid-blue,var(--chekku-primary));
  color: var(--color-ink);
  border: none;
  padding: .7rem 1rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  transition: transform .06s ease, filter .2s ease, box-shadow .2s ease;
}

:where(html[data-chekku-page="size-analysis-index"]) .btn-md3:hover {
  filter: brightness(.97);
}

:where(html[data-chekku-page="size-analysis-index"]) .btn-md3:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="size-analysis-index"]) .btn-accent {
  background: var(--chekku-accent);
}

:where(html[data-chekku-page="size-analysis-index"]) .btn-danger {
  background: var(--chekku-danger);
}

:where(html[data-chekku-page="size-analysis-index"]) .btn-outline {
  background: var(--color-surface);
  color: var(--chekku-primary);
  border: 1.5px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) #last-saved {
  font-size: .92rem;
  color: var(--chekku-primary-600);
  font-weight: 600;
  padding: .35rem .2rem;
}

:where(html[data-chekku-page="size-analysis-index"]) .forms-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

:where(html[data-chekku-page="size-analysis-index"]) .farm-form {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.1);
  border-radius: var(--radius-card);
  padding: 18px;
  box-shadow: none;
  backdrop-filter: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

:where(html[data-chekku-page="size-analysis-index"]) .farm-form:hover {
  transform: none;
  box-shadow: none;
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
}

:where(html[data-chekku-page="size-analysis-index"]) .form-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="size-analysis-index"]) .form-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where(html[data-chekku-page="size-analysis-index"]) .farm-form h2 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: .55rem;
}

:where(html[data-chekku-page="size-analysis-index"]) .form-sub {
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="size-analysis-index"]) .sample-badge {
  font-size: .8rem;
  padding: .24rem .6rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .top-meta-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  color: var(--chekku-primary-700);
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="size-analysis-index"]) .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="size-analysis-index"]) .field {
  display: flex;
  flex-direction: column;
  gap: .42rem;
}

:where(html[data-chekku-page="size-analysis-index"]) .field.full {
  grid-column: 1 / -1;
}

:where(html[data-chekku-page="size-analysis-index"]) .field label {
  font-size: .9rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
}

:where(html[data-chekku-page="size-analysis-index"]) .farm-form select,
:where(html[data-chekku-page="size-analysis-index"]) .farm-form input[type="number"],
:where(html[data-chekku-page="size-analysis-index"]) .bay-input {
  width: 100%;
  min-height: 48px;
  padding: .78rem .95rem;
  border: 1.5px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.1);
  border-radius: var(--radius-control);
  background: var(--ck-legacy-blue-soft,#FCFBFF);
  color: var(--ink);
  font-size: .97rem;
  font-weight: 600;
  transition: border-color .2s, box-shadow .2s, background .2s;
  outline: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .farm-form select:focus,
:where(html[data-chekku-page="size-analysis-index"]) .farm-form input[type="number"]:focus,
:where(html[data-chekku-page="size-analysis-index"]) .bay-input:focus {
  border-color: var(--chekku-primary);
  box-shadow: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="size-analysis-index"]) .fruit-count {
  max-width: 180px;
}

:where(html[data-chekku-page="size-analysis-index"]) .legend-panel {
  padding: 14px;
  margin: 10px 0 12px;
}

:where(html[data-chekku-page="size-analysis-index"]) .legend-title {
  font-size: .9rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  margin-bottom: 8px;
}

:where(html[data-chekku-page="size-analysis-index"]) .legend-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
  margin: 0;
}

:where(html[data-chekku-page="size-analysis-index"]) .chip {
  padding: .28rem .55rem;
  border-radius: var(--radius-control);
  font-size: .78rem;
  font-weight: 600;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  background: var(--color-surface);
  white-space: nowrap;
}

:where(html[data-chekku-page="size-analysis-index"]) .chip.under {
  background: rgba(220,53,69,.08);
  border-color: rgba(220,53,69,.25);
  color: var(--ck-legacy-danger,#a2272c);
}

:where(html[data-chekku-page="size-analysis-index"]) .chip.over {
  background: rgba(255,159,64,.12);
  border-color: rgba(255,159,64,.35);
  color: var(--ck-legacy-warning,#b05f1e);
}

:where(html[data-chekku-page="size-analysis-index"]) .chip.mid {
  background: rgba(108,91,123,.08);
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.28);
  color: var(--color-purple);
}

:where(html[data-chekku-page="size-analysis-index"]) .fruit-panel {
  padding: 14px;
  margin: 10px 0 12px;
}

:where(html[data-chekku-page="size-analysis-index"]) .fruit-panel-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="size-analysis-index"]) .fruit-panel-title {
  font-size: .96rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  margin: 0;
}

:where(html[data-chekku-page="size-analysis-index"]) .fruit-panel-sub {
  color: var(--muted);
  font-size: .86rem;
  font-weight: 600;
  margin-top: 3px;
}

:where(html[data-chekku-page="size-analysis-index"]) .fruit-inputs {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(92px,1fr));
  gap: .6rem;
  margin-top: .25rem;
  margin-bottom: .2rem;
}

:where(html[data-chekku-page="size-analysis-index"]) .fruit-inputs input {
  padding: .45rem .55rem;
  font-size: .9rem;
  height: 38px;
  text-align: center;
  border: 1.5px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  font-weight: 600;
}

:where(html[data-chekku-page="size-analysis-index"]) .fruit-inputs input:focus {
  outline: none;
  border-color: var(--chekku-primary);
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .generate-btn {
  margin-top: .2rem;
  background: var(--ck-solid-blue,var(--chekku-primary));
  color: var(--color-ink);
  padding: .78rem 1rem;
  border: none;
  border-radius: var(--radius-control);
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  transition: transform .16s ease, filter .16s ease;
}

:where(html[data-chekku-page="size-analysis-index"]) .generate-btn:hover {
  filter: brightness(.97);
}

:where(html[data-chekku-page="size-analysis-index"]) .generate-btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="size-analysis-index"]) .sample-summary {
  display: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

:where(html[data-chekku-page="size-analysis-index"]) .sample-summary.show {
  display: grid;
}

:where(html[data-chekku-page="size-analysis-index"]) .summary-mini {
  padding: 12px;
}

:where(html[data-chekku-page="size-analysis-index"]) .summary-mini-label {
  font-size: .78rem;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 600;
}

:where(html[data-chekku-page="size-analysis-index"]) .summary-mini-value {
  margin-top: 4px;
  font-size: 1.08rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#2A174A);
  line-height: 1.15;
}

:where(html[data-chekku-page="size-analysis-index"]) .chart-panel {
  padding: 14px;
  margin-top: 12px;
}

:where(html[data-chekku-page="size-analysis-index"]) .chart-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="size-analysis-index"]) .chart-panel-title {
  font-size: .96rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  margin: 0;
}

:where(html[data-chekku-page="size-analysis-index"]) .chart-panel-sub {
  color: var(--muted);
  font-size: .86rem;
  font-weight: 600;
  margin-top: 3px;
}

:where(html[data-chekku-page="size-analysis-index"]) .chart-wrap {
  position: relative;
  width: 100%;
  height: 400px;
  background: var(--color-surface);
  border-radius: var(--radius-card);
  padding: .7rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .chart-wrap canvas {
  width: 100% !important;
  height: 100% !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-summary {
  margin-top: 12px;
  overflow: auto;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-summary table {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-surface);
  border-radius: var(--radius-card);
  overflow: hidden;
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-summary th,
:where(html[data-chekku-page="size-analysis-index"]) .size-summary td {
  padding: .48rem .62rem;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.06);
  text-align: left;
  white-space: nowrap;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-summary th {
  background: var(--ck-legacy-blue-soft,#faf6ff);
  color: var(--color-purple);
  font-weight: 600;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-summary tr:last-child td {
  border-bottom: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  z-index: -2;
  pointer-events: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-visual {
  position: absolute;
  right: 8px;
  bottom: -10px;
  width: min(23vw, 230px);
  min-width: 150px;
  opacity: .18;
  filter: none;
  pointer-events: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 10px;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  color: var(--ck-legacy-accent,#3A2759);
  font-size: .88rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .workflow-strip {
  max-width: 1180px;
  margin: 0 auto 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

:where(html[data-chekku-page="size-analysis-index"]) .workflow-card {
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
}

:where(html[data-chekku-page="size-analysis-index"]) .workflow-card::after {
  content: none !important;
  position: absolute;
  width: 78px;
  height: 78px;
  right: -34px;
  top: -36px;
  border-radius: 50%;
  background: var(--color-surface);
}

:where(html[data-chekku-page="size-analysis-index"]) .workflow-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--chekku-primary-700);
  font-weight: 600;
  flex: 0 0 40px;
}

:where(html[data-chekku-page="size-analysis-index"]) .workflow-title {
  color: var(--ck-legacy-accent,#2A174A);
  font-weight: 600;
  line-height: 1.15;
}

:where(html[data-chekku-page="size-analysis-index"]) .workflow-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.35;
  font-weight: 600;
}

:where(html[data-chekku-page="size-analysis-index"]) #draft-toolbar {
  justify-content: space-between;
}

:where(html[data-chekku-page="size-analysis-index"]) .toolbar-left,
:where(html[data-chekku-page="size-analysis-index"]) .toolbar-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
}

:where(html[data-chekku-page="size-analysis-index"]) .toolbar-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  font-weight: 600;
  font-size: .88rem;
}

:where(html[data-chekku-page="size-analysis-index"]) .btn-md3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
}

:where(html[data-chekku-page="size-analysis-index"]) .form-head {
  position: relative;
}

:where(html[data-chekku-page="size-analysis-index"]) .sample-card-shell {
  display: flex;
  align-items: center;
  gap: 10px;
}

:where(html[data-chekku-page="size-analysis-index"]) .sample-orb {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 46px;
  border-radius: var(--radius-card);
  color: var(--color-ink);
  font-weight: 600;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

:where(html[data-chekku-page="size-analysis-index"]) .sample-state-tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-warning-soft,#FFF7EC);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.18);
  color: var(--ck-legacy-warning,#9A4F00);
  font-size: .8rem;
  font-weight: 600;
}

:where(html[data-chekku-page="size-analysis-index"]) .mini-action-btn {
  border: none;
  min-height: 34px;
  padding: 7px 10px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.16);
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .mini-action-btn:hover {
  background: var(--ck-legacy-blue-soft,#faf7ff);
}

:where(html[data-chekku-page="size-analysis-index"]) .preset-row {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 8px;
}

:where(html[data-chekku-page="size-analysis-index"]) .preset-btn {
  border: none;
  cursor: pointer;
  padding: 6px 9px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  color: var(--chekku-primary-700);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="size-analysis-index"]) .preset-btn:hover {
  background: var(--ck-legacy-blue-soft,#F5EEFF);
}

:where(html[data-chekku-page="size-analysis-index"]) .generate-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

:where(html[data-chekku-page="size-analysis-index"]) .comparison-panel {
  max-width: 1180px;
  margin: 18px auto 0;
  padding: 18px;
}

:where(html[data-chekku-page="size-analysis-index"]) .comparison-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="size-analysis-index"]) .comparison-title {
  margin: 0;
  font-size: 1.08rem;
  color: var(--chekku-primary-700);
  font-weight: 600;
}

:where(html[data-chekku-page="size-analysis-index"]) .comparison-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="size-analysis-index"]) .comparison-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

:where(html[data-chekku-page="size-analysis-index"]) .comparison-card {
  padding: 15px;
}

:where(html[data-chekku-page="size-analysis-index"]) .comparison-label {
  color: var(--muted);
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 600;
}

:where(html[data-chekku-page="size-analysis-index"]) .comparison-value {
  margin-top: 6px;
  color: var(--ck-legacy-accent,#2A174A);
  font-size: 1.45rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="size-analysis-index"]) .comparison-note {
  margin-top: 7px;
  color: var(--muted);
  font-size: .86rem;
  line-height: 1.35;
  font-weight: 600;
}

:where(html[data-chekku-page="size-analysis-index"]) .chart-wrap.empty-state::before {
  content: "Generate chart to preview distribution";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(var(--ck-legacy-accent-rgb,74,20,140),0.45);
  font-weight: 600;
  text-align: center;
  padding: 20px;
  pointer-events: none;
}

@media (max-width:1100px) {
:where(html[data-chekku-page="size-analysis-index"]) .hero-stats {
  grid-template-columns: 1fr 1fr;
}

:where(html[data-chekku-page="size-analysis-index"]) .sample-summary {
  grid-template-columns: 1fr 1fr;
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="size-analysis-index"]) .chart-wrap {
  height: 330px;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="size-analysis-index"]) .container {
  padding: 16px 12px 24px;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-top {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-export {
  width: 100%;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-stats {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="size-analysis-index"]) #draft-toolbar {
  top: 8px;
  padding: .7rem;
}

:where(html[data-chekku-page="size-analysis-index"]) .forms-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="size-analysis-index"]) .farm-form {
  border-radius: var(--radius-card);
  padding: 15px;
}

:where(html[data-chekku-page="size-analysis-index"]) .form-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="size-analysis-index"]) .fruit-panel-head,
:where(html[data-chekku-page="size-analysis-index"]) .chart-panel-head,
:where(html[data-chekku-page="size-analysis-index"]) .form-head {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="size-analysis-index"]) .chart-wrap {
  height: 300px;
}

:where(html[data-chekku-page="size-analysis-index"]) .sample-summary {
  grid-template-columns: 1fr;
}
}

@media (max-width:1100px) {
:where(html[data-chekku-page="size-analysis-index"]) .workflow-strip,
:where(html[data-chekku-page="size-analysis-index"]) .comparison-grid {
  grid-template-columns: 1fr 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="size-analysis-index"]) .hero-visual {
  display: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .workflow-strip,
:where(html[data-chekku-page="size-analysis-index"]) .comparison-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="size-analysis-index"]) #draft-toolbar,
:where(html[data-chekku-page="size-analysis-index"]) .toolbar-left,
:where(html[data-chekku-page="size-analysis-index"]) .toolbar-right {
  justify-content: flex-start;
  width: 100%;
}

:where(html[data-chekku-page="size-analysis-index"]) .btn-md3,
:where(html[data-chekku-page="size-analysis-index"]) .toolbar-title,
:where(html[data-chekku-page="size-analysis-index"]) #last-saved {
  flex: 1 1 auto;
}

:where(html[data-chekku-page="size-analysis-index"]) .form-actions {
  justify-content: flex-start;
}
}

:root:where(html[data-chekku-page="size-analysis-index"]) {
  --chekku-danger: #B42318;
  --chekku-success: #1F8F5F;
  --surface: #F7FAFF;
  --card: #ffffff;
  --ring: rgba(53,92,125,.16);
  --glass: rgba(255,255,255,.66);
  --bg-start: var(--color-ink);
  --bg-mid: var(--color-blue-deep);
  --bg-end: var(--color-peach-soft);
  --border-soft: rgba(39,58,77,.08);
}

:where(html[data-chekku-page="size-analysis-index"]) body {
  min-height: 100svh;
  color: var(--ink) !important;
  background-size: cover !important;
  position: relative;
  overflow-x: hidden;
}

:where(html[data-chekku-page="size-analysis-index"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: 0;
}

:where(html[data-chekku-page="size-analysis-index"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: 0;
}

:where(html[data-chekku-page="size-analysis-index"]) .container {
  position: relative;
  z-index: 1;
  max-width: 1240px;
  padding: 22px 18px 30px;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero,
:where(html[data-chekku-page="size-analysis-index"]) .farm-form,
:where(html[data-chekku-page="size-analysis-index"]) #draft-toolbar,
:where(html[data-chekku-page="size-analysis-index"]) .workflow-card,
:where(html[data-chekku-page="size-analysis-index"]) .comparison-panel,
:where(html[data-chekku-page="size-analysis-index"]) .legend-panel,
:where(html[data-chekku-page="size-analysis-index"]) .fruit-panel,
:where(html[data-chekku-page="size-analysis-index"]) .chart-panel {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero {
  padding: 26px !important;
  overflow: hidden;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero::before {
  background: var(--color-surface) !important;
  z-index: -2 !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero::after {
  background: var(--color-surface) !important;
  z-index: -1 !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-eyebrow,
:where(html[data-chekku-page="size-analysis-index"]) .toolbar-title,
:where(html[data-chekku-page="size-analysis-index"]) .top-meta-tag {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero h1,
:where(html[data-chekku-page="size-analysis-index"]) .farm-form h2,
:where(html[data-chekku-page="size-analysis-index"]) .field label,
:where(html[data-chekku-page="size-analysis-index"]) .legend-title,
:where(html[data-chekku-page="size-analysis-index"]) .fruit-panel-title,
:where(html[data-chekku-page="size-analysis-index"]) .chart-panel-title,
:where(html[data-chekku-page="size-analysis-index"]) .comparison-title,
:where(html[data-chekku-page="size-analysis-index"]) .workflow-title,
:where(html[data-chekku-page="size-analysis-index"]) .summary-mini-value,
:where(html[data-chekku-page="size-analysis-index"]) .comparison-value,
:where(html[data-chekku-page="size-analysis-index"]) .stat-value {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero p,
:where(html[data-chekku-page="size-analysis-index"]) .form-sub,
:where(html[data-chekku-page="size-analysis-index"]) .stat-sub,
:where(html[data-chekku-page="size-analysis-index"]) .workflow-sub,
:where(html[data-chekku-page="size-analysis-index"]) .fruit-panel-sub,
:where(html[data-chekku-page="size-analysis-index"]) .chart-panel-sub,
:where(html[data-chekku-page="size-analysis-index"]) .comparison-sub,
:where(html[data-chekku-page="size-analysis-index"]) .comparison-note,
:where(html[data-chekku-page="size-analysis-index"]) .summary-mini-label,
:where(html[data-chekku-page="size-analysis-index"]) #last-saved {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="size-analysis-index"]) .return-dashboard,
:where(html[data-chekku-page="size-analysis-index"]) .hero-export,
:where(html[data-chekku-page="size-analysis-index"]) .btn-md3,
:where(html[data-chekku-page="size-analysis-index"]) .generate-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: .78rem 1rem;
  border-radius: var(--radius-control);
  text-decoration: none;
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  font-weight: 600;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

:where(html[data-chekku-page="size-analysis-index"]) .return-dashboard:hover,
:where(html[data-chekku-page="size-analysis-index"]) .hero-export:hover,
:where(html[data-chekku-page="size-analysis-index"]) .btn-md3:hover,
:where(html[data-chekku-page="size-analysis-index"]) .generate-btn:hover {
  transform: none;
  box-shadow: none !important;
  filter: brightness(1.03);
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-export {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .btn-outline {
  color: var(--chekku-primary-700) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.16) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .btn-danger {
  background: var(--color-surface) !important;
  color: #fff !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .btn-accent {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="size-analysis-index"]) #draft-toolbar .hero-export {
  align-self: center !important;
  margin: 0 !important;
  white-space: nowrap;
}

:where(html[data-chekku-page="size-analysis-index"]) .stat-card,
:where(html[data-chekku-page="size-analysis-index"]) .summary-mini,
:where(html[data-chekku-page="size-analysis-index"]) .comparison-card,
:where(html[data-chekku-page="size-analysis-index"]) .chart-wrap,
:where(html[data-chekku-page="size-analysis-index"]) .size-summary table {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .sample-orb {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero-pill,
:where(html[data-chekku-page="size-analysis-index"]) .mini-chip,
:where(html[data-chekku-page="size-analysis-index"]) .sample-state-tag,
:where(html[data-chekku-page="size-analysis-index"]) .preset-btn,
:where(html[data-chekku-page="size-analysis-index"]) .mini-action-btn,
:where(html[data-chekku-page="size-analysis-index"]) .chip {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .workflow-icon {
  background: rgba(53,92,125,.10) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(53,92,125,.12);
}

:where(html[data-chekku-page="size-analysis-index"]) .farm-form select,
:where(html[data-chekku-page="size-analysis-index"]) .farm-form input[type="number"],
:where(html[data-chekku-page="size-analysis-index"]) .bay-input,
:where(html[data-chekku-page="size-analysis-index"]) .fruit-inputs input {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--ink) !important;
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .farm-form select:focus,
:where(html[data-chekku-page="size-analysis-index"]) .farm-form input[type="number"]:focus,
:where(html[data-chekku-page="size-analysis-index"]) .bay-input:focus,
:where(html[data-chekku-page="size-analysis-index"]) .fruit-inputs input:focus {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-summary th {
  background: rgba(53,92,125,.10) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-summary td,
:where(html[data-chekku-page="size-analysis-index"]) .size-summary th {
  border-bottom: 1px solid rgba(39,58,77,.07) !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .chart-wrap.empty-state::before {
  color: rgba(var(--ck-legacy-accent-rgb,8,42,85),0.48) !important;
}

@media (max-width:760px) {
:where(html[data-chekku-page="size-analysis-index"]) .hero-actions {
  width: 100%;
  justify-content: stretch;
}

:where(html[data-chekku-page="size-analysis-index"]) .return-dashboard,
:where(html[data-chekku-page="size-analysis-index"]) .hero-export {
  width: 100%;
}
}

:where(html[data-chekku-page="size-analysis-index"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="size-analysis-index"]) header,
:where(html[data-chekku-page="size-analysis-index"]) main,
:where(html[data-chekku-page="size-analysis-index"]) .page-shell,
:where(html[data-chekku-page="size-analysis-index"]) .content {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="size-analysis-index"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="size-analysis-index"]) body::before,
:where(html[data-chekku-page="size-analysis-index"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .container {
  max-width: 1360px !important;
  width: min(1360px, calc(100% - 28px));
  padding: 22px 0 30px !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-topbar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-topbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-top-left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-top-logo {
  width: 78px;
  height: auto;
  object-fit: contain;
  filter: none;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: max-content;
  padding: 7px 11px;
  border-radius: var(--radius-card);
  color: var(--color-blue-soft);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28);
  box-shadow: none;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-title-block h1 {
  margin: 8px 0 4px;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-title-block p {
  margin: 0;
  max-width: 740px;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-top-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 8px;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-pill,
:where(html[data-chekku-page="size-analysis-index"]) .size-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 13px;
  border-radius: var(--radius-control);
  text-decoration: none;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.44);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  font-size: .88rem;
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-action:hover {
  transform: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-action.orange,
:where(html[data-chekku-page="size-analysis-index"]) .size-action.export-top {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-action.blue {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-workspace {
  display: grid;
  grid-template-columns: 305px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-left-rail {
  position: sticky;
  top: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-card,
:where(html[data-chekku-page="size-analysis-index"]) .size-main-workspace,
:where(html[data-chekku-page="size-analysis-index"]) .farm-form,
:where(html[data-chekku-page="size-analysis-index"]) .comparison-panel,
:where(html[data-chekku-page="size-analysis-index"]) #draft-toolbar {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.44) !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-card {
  overflow: hidden;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-card h2,
:where(html[data-chekku-page="size-analysis-index"]) .rail-card h3 {
  margin: 0;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-sub {
  margin: 5px 0 0;
  color: var(--muted) !important;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-pill-stack {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 13px;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-info-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-info-pill .ic {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: rgba(53,92,125,.10);
  border: 1px solid rgba(53,92,125,.12);
  color: var(--chekku-primary-700);
  flex: 0 0 auto;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-info-pill strong {
  display: block;
  color: var(--color-blue-deep);
  line-height: 1.1;
  font-size: .9rem;
  font-weight: 600;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-info-pill span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: .79rem;
  font-weight: 600;
  line-height: 1.25;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-flow-list {
  display: grid;
  gap: 9px;
  margin-top: 13px;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-flow-step {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  padding: 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-flow-num {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  color: var(--color-ink);
  font-weight: 600;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-flow-title {
  color: var(--color-blue-deep);
  font-weight: 600;
  line-height: 1.15;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-flow-sub {
  margin-top: 3px;
  color: var(--muted);
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-left-rail #draft-toolbar {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 16px !important;
  border-radius: var(--radius-card) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-left-rail #draft-toolbar .toolbar-left,
:where(html[data-chekku-page="size-analysis-index"]) .size-left-rail #draft-toolbar .toolbar-right {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-left-rail #draft-toolbar .toolbar-title {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-left-rail #last-saved {
  padding: 0 2px;
  font-size: .82rem;
  color: var(--muted) !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-left-rail #draft-toolbar .btn-md3 {
  width: 100%;
  min-height: 40px;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-left-rail #draft-toolbar .hero-export {
  order: -1;
  width: 100%;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-main-workspace {
  border-radius: var(--radius-card);
  padding: 18px;
  min-width: 0;
}

:where(html[data-chekku-page="size-analysis-index"]) .forms-grid {
  max-width: none !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 16px !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .farm-form {
  border-radius: var(--radius-card) !important;
  padding: 16px !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .comparison-panel {
  max-width: none !important;
  margin: 16px 0 0 !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .hero,
:where(html[data-chekku-page="size-analysis-index"]) .workflow-strip {
  display: none !important;
}

@media (max-width:1100px) {
:where(html[data-chekku-page="size-analysis-index"]) .size-topbar {
  flex-direction: column;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-top-actions {
  justify-content: flex-start;
  padding-top: 0;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-workspace {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-left-rail {
  position: relative;
  top: auto;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
}

:where(html[data-chekku-page="size-analysis-index"]) .size-left-rail #draft-toolbar {
  grid-column: 1 / -1;
}
}

@media (max-width:860px) {
:where(html[data-chekku-page="size-analysis-index"]) .forms-grid {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-left-rail {
  display: flex;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="size-analysis-index"]) .container {
  width: min(100% - 24px, 1360px) !important;
  padding-top: 16px !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-top-left {
  align-items: flex-start;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-top-logo {
  width: 62px;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-top-actions {
  width: 100%;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-pill,
:where(html[data-chekku-page="size-analysis-index"]) .size-action {
  flex: 1 1 100%;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-main-workspace {
  padding: 12px;
  border-radius: var(--radius-card);
}
}

:where(html[data-chekku-page="size-analysis-index"]) .size-top-logo {
  width: 118px !important;
  max-width: 118px !important;
  height: auto !important;
  filter: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-kicker {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-ink) !important;
  text-shadow: none !important;
  letter-spacing: .055em !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-title-block h1 {
  background: transparent !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-title-block h1::before,
:where(html[data-chekku-page="size-analysis-index"]) .size-title-block h1::after,
:where(html[data-chekku-page="size-analysis-index"]) .size-title-block::before,
:where(html[data-chekku-page="size-analysis-index"]) .size-title-block::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .size-title-block p {
  display: none !important;
}

:where(html[data-chekku-page="size-analysis-index"]) .rail-card:first-child .rail-sub {
  display: none !important;
}

@media (max-width:760px) {
:where(html[data-chekku-page="size-analysis-index"]) .size-top-logo {
  width: 92px !important;
  max-width: 92px !important;
}
}

/* MODULE: tomra_tools/index.php */

:root:where(html[data-chekku-page="tomra-tools-index"]) {
  --shadow-card: none;
}

:where(html[data-chekku-page="tomra-tools-index"]) * {
  box-sizing: border-box;
  min-width: 0;
}

html:where(html[data-chekku-page="tomra-tools-index"]),
:where(html[data-chekku-page="tomra-tools-index"]) body {
  min-height: 100%;
  overflow-x: hidden;
}

:where(html[data-chekku-page="tomra-tools-index"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  position: relative;
}

:where(html[data-chekku-page="tomra-tools-index"]) body::before,
:where(html[data-chekku-page="tomra-tools-index"]) body::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="tomra-tools-index"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
}

:where(html[data-chekku-page="tomra-tools-index"]) .page-shell {
  position: relative;
  z-index: 1;
  min-height: 100svh;
  padding: clamp(16px, 3vh, 34px) 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="tomra-tools-index"]) .portal-shell {
  position: relative;
  background: transparent;
  border: 0;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-index"]) .app-topbar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .app-topbar::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 1px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-index"]) .brand-cluster {
  display: flex;
  align-items: center;
  min-width: 0;
}

:where(html[data-chekku-page="tomra-tools-index"]) .brand-orb {
  flex: 0 0 132px;
  display: grid;
  place-items: center;
}

:where(html[data-chekku-page="tomra-tools-index"]) .brand-orb img {
  width: 130px;
  height: 130px;
  object-fit: contain;
  display: block;
  filter: none;
}

:where(html[data-chekku-page="tomra-tools-index"]) .app-kicker,
:where(html[data-chekku-page="tomra-tools-index"]) .mini-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
}

:where(html[data-chekku-page="tomra-tools-index"]) .brand-cluster h1 {
  margin: 3px 0 0;
}

:where(html[data-chekku-page="tomra-tools-index"]) .topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="tomra-tools-index"]) .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  text-decoration: none;
  white-space: nowrap;
}

:where(html[data-chekku-page="tomra-tools-index"]) .back-btn {
  background: var(--color-surface);
  color: var(--color-ink);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

:where(html[data-chekku-page="tomra-tools-index"]) .back-btn:hover {
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-workspace {
  display: grid;
  grid-template-columns: minmax(310px,.52fr) minmax(0,1.48fr);
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-left-section {
  display: grid;
  gap: 12px;
  position: sticky;
  top: 18px;
  max-height: calc(100vh - 36px);
  overflow: auto;
  padding-right: 2px;
  scrollbar-width: thin;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-left-section::-webkit-scrollbar {
  width: 6px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-left-section::-webkit-scrollbar-thumb {
  background: var(--color-surface);
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card,
:where(html[data-chekku-page="tomra-tools-index"]) .tool-panel {
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card {
  position: relative;
  min-height: 236px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card::before {
  content: none !important;
  position: absolute;
  inset: 0;
  background-size: 42px 42px;
  opacity: .9;
  pointer-events: none;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card .mini-label,
:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card h2,
:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card p {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card h2 {
  margin: 8px 0 0;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card p {
  margin: 12px 0 0;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-card {
  --stat: var(--color-blue);
  --stat-soft: rgba(53,92,125,.14);
  position: relative;
  min-height: 108px;
  padding: 14px 14px 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  isolation: isolate;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 5px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-card::after {
  content: attr(data-icon);
  position: absolute;
  right: 12px;
  top: 8px;
  font-size: 3.9rem;
  line-height: 1;
  opacity: .10;
  z-index: -1;
  transform: rotate(-10deg);
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .68rem;
  letter-spacing: .075em;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-pill {
  padding: 5px 8px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
  font-size: .66rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  white-space: nowrap;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-card strong {
  display: block;
  margin-top: 11px;
  font-size: clamp(1.35rem,2.1vw,1.75rem);
  line-height: 1;
  font-weight: 600;
  letter-spacing: -.055em;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-card span {
  display: block;
  margin-top: 9px;
  font-size: .78rem;
  line-height: 1.28;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-blue {
  --stat: var(--color-blue);
  --stat-soft: rgba(36,87,166,.18);
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-orange {
  --stat: var(--color-coral);
  --stat-soft: rgba(246,114,128,.18);
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-purple {
  --stat: var(--color-purple);
  --stat-soft: rgba(124,58,237,.15);
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-green {
  --stat: #1F8F5F;
  --stat-soft: rgba(31,143,95,.16);
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-panel {
  position: relative;
  min-height: 100%;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-panel::before {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  background-size: 46px 46px;
  opacity: .88;
  pointer-events: none;
  mask-image: linear-gradient(180deg, #000, transparent 92%);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 92%);
}

:where(html[data-chekku-page="tomra-tools-index"]) .section-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  flex-wrap: wrap;
  padding-bottom: 14px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .section-title {
  margin: 0;
  letter-spacing: -.07em;
}

:where(html[data-chekku-page="tomra-tools-index"]) .section-sub {
  margin-top: 8px;
  max-width: 70ch;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tools-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2,minmax(280px,1fr));
  gap: 14px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card {
  --tone: var(--color-blue);
  --tone-soft: rgba(53,92,125,.14);
  position: relative;
  min-height: 158px;
  padding: 18px 18px 19px 20px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 38px;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, opacity .18s ease;
  isolation: isolate;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card::before {
  content: none !important;
  position: absolute;
  inset: auto 16px 12px 16px;
  height: 5px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  opacity: .75;
  z-index: 0;
  pointer-events: none;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card::after {
  content: "↗";
  width: 38px;
  height: 38px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  color: var(--color-blue);
  font-weight: 600;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.54);
  box-shadow: none;
  position: relative;
  z-index: 2;
  transition: transform .18s ease, background .18s ease;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card:hover {
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card:hover::after {
  transform: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card.disabled {
  cursor: not-allowed;
  opacity: .72;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card.disabled::after {
  content: "…";
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card.disabled:hover {
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-bg-icon {
  right: 18px;
  top: 50%;
  font-size: 7.3rem;
  line-height: 1;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  transition: opacity .18s ease, right .18s ease, transform .18s ease;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card:hover .tool-bg-icon {
  right: 12px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-copy {
  position: relative;
  z-index: 2;
  padding-right: 8px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-tag {
  display: inline-flex;
  margin-bottom: 6px;
  color: var(--tone);
  font-size: .70rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card h3 {
  margin: 4px 0 4px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card p {
  margin: 0;
  max-width: 56ch;
}

:where(html[data-chekku-page="tomra-tools-index"]) .app-footer {
  justify-content: center;
  align-items: center;
  text-align: center;
}

:where(html[data-chekku-page="tomra-tools-index"]) .app-footer p {
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card {
  min-height: 270px;
  padding: 22px;
  justify-content: flex-end;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card::before {
  background: var(--color-surface);
  background-size: auto;
  mask-image: none;
  -webkit-mask-image: none;
  opacity: 1;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card::after {
  content: "🔵";
  position: absolute;
  right: 12px;
  top: 2px;
  font-size: 8rem;
  line-height: 1;
  opacity: .12;
  transform: rotate(-8deg);
  pointer-events: none;
  z-index: 0;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-left-section .stat-grid {
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-card {
  min-height: 132px;
  padding: 16px 50px 17px 18px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 34px;
  align-items: center;
  gap: 10px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-card:hover {
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-card::before {
  left: 16px;
  right: 16px;
  top: auto;
  bottom: 12px;
  width: auto;
  height: 5px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  opacity: .75;
  z-index: 1;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-card::after {
  right: 18px;
  top: 50%;
  transform: translateY(-50%) rotate(-8deg);
  font-size: 6.4rem;
  opacity: .20;
  color: var(--stat);
  z-index: 0;
  transition: opacity .18s ease, right .18s ease, transform .18s ease;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-card:hover::after {
  right: 12px;
  opacity: .28;
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-top,
:where(html[data-chekku-page="tomra-tools-index"]) .stat-card strong,
:where(html[data-chekku-page="tomra-tools-index"]) .stat-card span {
  position: relative;
  z-index: 2;
  grid-column: 1 / -1;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-top {
  justify-content: flex-start;
  flex-wrap: wrap;
  align-self: end;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-label {
  color: var(--stat);
  font-size: .70rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-pill {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.54);
  color: var(--stat);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-card strong {
  margin-top: 4px;
  color: var(--color-ink);
  font-size: 1.36rem;
  letter-spacing: -.04em;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-card span {
  margin-top: 3px;
  color: var(--color-muted);
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.34;
  padding-bottom: 10px;
}

@media (max-width:1120px) {
:where(html[data-chekku-page="tomra-tools-index"]) .tomra-workspace {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-left-section {
  position: relative;
  top: auto;
  max-height: none;
  overflow: visible;
  grid-template-columns: repeat(3,minmax(0,1fr));
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card {
  grid-column: 1 / -1;
  min-height: 220px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-column: 1 / -1;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tools-grid {
  grid-template-columns: repeat(2,minmax(240px,1fr));
}
}

@media (max-width:860px) {
:where(html[data-chekku-page="tomra-tools-index"]) .tomra-left-section {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tools-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-index"]) .stat-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-index"]) .section-head {
  flex-direction: column;
  align-items: flex-start;
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="tomra-tools-index"]) .page-shell {
  justify-content: flex-start;
}

:where(html[data-chekku-page="tomra-tools-index"]) .app-topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-index"]) .brand-orb {
  flex-basis: 88px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .brand-orb img {
  width: 86px;
  height: 86px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .topbar-actions {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tomra-control-card,
:where(html[data-chekku-page="tomra-tools-index"]) .tool-panel {
  padding: 16px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card {
  grid-template-columns: minmax(0,1fr);
  min-height: 138px;
  padding: 16px;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-card::after {
  display: none;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-bg-icon {
  right: 8px;
  font-size: 6.8rem;
}

:where(html[data-chekku-page="tomra-tools-index"]) .tool-copy {
  padding-right: 0;
}
}

/* MODULE: tomra_tools/tomra_grade_analysis.php */

:root:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) {
  --blue: var(--color-blue);
  --blue2: var(--color-blue-deep);
  --night: var(--color-ink);
  --orange: var(--color-coral);
  --green: #1F8F5F;
  --red: #B42318;
  --purple: #6D3FD1;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) * {
  box-sizing: border-box;
  min-width: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) body {
  margin: 0 !important;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  overflow-x: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 18px 0 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 8px 16px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .brand img {
  width: 116px;
  height: 116px;
  object-fit: contain;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .kicker {
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .brand h1 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 13px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .chip.primary {
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .layout {
  display: grid;
  grid-template-columns: minmax(310px,.52fr) minmax(0,1.48fr);
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .stack {
  display: grid;
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .panel,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .side-card,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .workspace {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
  backdrop-filter: none;
  border-radius: var(--radius-card);
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .side-card,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .panel,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .workspace {
  padding: 18px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .side-card h2,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .side-card h3,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .panel h2,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .workspace h2 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .side-card p,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .sub {
  margin: 8px 0 0;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68);
  color: var(--color-blue);
  font-size: .75rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .84rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .summary-grid,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tiles {
  display: grid;
  grid-template-columns: repeat(5,minmax(150px,1fr));
  gap: 14px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .group-summary {
  grid-template-columns: repeat(6,minmax(130px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tiles {
  grid-template-columns: repeat(3,minmax(160px,1fr));
  margin: 14px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .card,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tile {
  --tone: var(--color-blue);
  position: relative;
  padding: 16px;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .card small,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tile small {
  display: block;
  color: var(--tone);
  font-size: .70rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .card strong,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tile strong {
  display: block;
  margin-top: 7px;
  color: var(--color-ink);
  font-size: 1.48rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .card span,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tile span {
  display: block;
  margin-top: 8px;
  color: var(--color-muted);
  font-size: .80rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .bg-packable {
  background: var(--color-surface);
  border-color: rgba(31,143,95,.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .bg-composite {
  background: var(--color-surface);
  border-color: rgba(36,87,166,.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .bg-class2 {
  background: var(--color-surface);
  border-color: rgba(245,166,35,.28);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .bg-waste {
  background: var(--color-surface);
  border-color: rgba(180,35,24,.25);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(140px,1fr));
  gap: 10px;
  align-items: end;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .check-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .check-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66);
  color: var(--color-ink);
  font-size: .84rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .check-pill input {
  width: 18px;
  height: 18px;
  accent-color: #B42318;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .check-pill span {
  flex: 1;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .waste-selector-card form {
  display: grid;
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .waste-scroll {
  max-height: 360px;
  overflow: auto;
  padding-right: 4px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .waste-selector-card .band-live-note {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 11px;
  border-radius: var(--radius-control);
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.72);
  border: 1px solid rgba(31,143,95,.18);
  color: var(--ck-legacy-success,#1F8F5F);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .waste-selector-card .band-live-note .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1F8F5F;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .chart.compact,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .chart.donut {
  height: 390px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .donut-panel {
  min-height: 520px;
  display: flex;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .donut-panel .chart {
  flex: 1;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .mini-card-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(90px,1fr));
  gap: 10px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .mini-card small {
  display: block;
  color: var(--ck-legacy-danger,#B42318);
  font-size: .62rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .mini-card strong {
  display: block;
  margin-top: 5px;
  color: var(--color-ink);
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .details-panel {
  padding: 0 !important;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .details-toggle {
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66);
  box-shadow: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .details-toggle summary {
  list-style: none;
  cursor: pointer;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .details-toggle summary::-webkit-details-marker {
  display: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .details-toggle summary:after {
  content: "Open details";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 11px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-ink);
  font-weight: 600;
  font-size: .78rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .details-toggle[open] summary:after {
  content: "Hide details";
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .details-content {
  padding: 0 18px 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .field label,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .upload-box label {
  display: block;
  margin: 0 0 6px;
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .field select,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .file-input {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  padding: 9px 11px;
  color: var(--color-ink);
  font: 800 .88rem "Poppins",system-ui,sans-serif;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .field select[multiple] {
  min-height: 150px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .upload-box {
  display: grid;
  gap: 6px;
  padding: 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .upload-box small {
  color: var(--color-muted);
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .btn {
  min-height: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  font-family: var(--font-ui);
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .btn.orange {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .notice {
  margin-top: 12px;
  padding: 12px;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.35;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.55);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .success {
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.78);
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .error {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,240,242),0.78);
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .report-list {
  display: grid;
  gap: 9px;
  max-height: 370px;
  overflow: auto;
  padding-right: 3px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .report-item {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: stretch;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .report-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  text-decoration: none;
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .report-link.active {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.85);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.32);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .report-link strong {
  display: block;
  font-size: .9rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .report-link span {
  display: block;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .delete-upload-form {
  display: flex;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .delete-upload-btn {
  width: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  background: rgba(180,35,24,.12);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
  border: 1px solid rgba(180,35,24,.18);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .delete-upload-btn:hover {
  background: rgba(180,35,24,.20);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .chart {
  position: relative;
  height: 390px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .table-wrap {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) th,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) td {
  padding: 13px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(8,42,85,.09);
  color: var(--color-ink);
  font-size: .9rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) th {
  color: var(--color-blue-deep);
  background: var(--color-surface);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tag {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.09);
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tag.packable,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tag.composite {
  background: rgba(31,143,95,.14);
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tag.class2 {
  background: rgba(53,92,125,.14);
  color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tag.waste {
  background: rgba(180,35,24,.12);
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tag.recycle {
  background: rgba(246,114,128,.16);
  color: var(--ck-legacy-warning,#C25400);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tag.sample {
  background: rgba(109,63,209,.14);
  color: var(--ck-legacy-accent,#6D3FD1);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tag.density {
  background: rgba(53,92,125,.14);
  color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .empty {
  display: grid;
  place-items: center;
  min-height: 180px;
  text-align: center;
  border: 1px dashed rgba(53,92,125,.22);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-muted);
  font-weight: 600;
  padding: 22px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .footer {
  width: 100%;
  text-align: center;
  padding: 24px 16px 10px;
  color: var(--color-ink);
  font-weight: 600;
  text-shadow: none;
}

@media (max-width:1160px) {
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .summary-grid {
  grid-template-columns: repeat(2,minmax(220px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .form-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .grid2 {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tiles {
  grid-template-columns: repeat(2,minmax(160px,1fr));
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .brand img {
  width: 86px;
  height: 86px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .summary-grid,
:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .tiles {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .chip {
  width: 100%;
}

:where(html[data-chekku-page="tomra-tools-tomra-grade-analysis"]) .actions {
  width: 100%;
}
}

/* MODULE: tomra_tools/tomra_grower_compare.php */

:root:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) {
  --blue: var(--color-blue);
  --blue2: var(--color-blue-deep);
  --night: var(--color-ink);
  --orange: var(--color-coral);
  --green: #1F8F5F;
  --red: #B42318;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) * {
  box-sizing: border-box;
  min-width: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) body {
  margin: 0 !important;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  overflow-x: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 18px 0 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 8px 16px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .brand img {
  width: 116px;
  height: 116px;
  object-fit: contain;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .kicker {
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .brand h1 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 13px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .chip.primary {
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .layout {
  display: grid;
  grid-template-columns: minmax(310px,.52fr) minmax(0,1.48fr);
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-workspace {
  display: grid;
  grid-template-columns: minmax(320px,.65fr) minmax(0,1.35fr);
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-main {
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-results-shell {
  padding: 16px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.76);
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-results-shell .panel {
  margin-bottom: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-results-shell .sub {
  color: rgba(var(--ck-legacy-accent-rgb,6,26,53),0.76);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-results-shell .table-wrap {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-results-shell th {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-main .summary-grid {
  margin-bottom: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .weight-side {
  position: sticky;
  top: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .weight-stack {
  display: grid;
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .weight-duo {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .weight-side .tile {
  padding: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .weight-side .tile strong {
  font-size: 1.12rem;
  letter-spacing: -.03em;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .weight-side .tile span {
  font-size: .72rem;
  line-height: 1.25;
  margin-top: 6px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .weight-side .tile small {
  font-size: .64rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .weight-side .chart.small {
  height: 250px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .metric-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .metric-line strong {
  font-size: 1.12rem;
  font-weight: 600;
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .metric-line span {
  font-size: .70rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .stack {
  display: grid;
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .panel,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .side-card {
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .side-card {
  padding: 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .side-card h2,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .side-card h3,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .panel h2 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .side-card p,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .sub {
  margin: 8px 0 0;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68);
  color: var(--color-blue);
  font-size: .75rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .panel {
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .84rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .summary-grid,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .tiles {
  display: grid;
  grid-template-columns: repeat(4,minmax(160px,1fr));
  gap: 14px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .tiles {
  grid-template-columns: repeat(3,minmax(160px,1fr));
  margin: 14px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .card,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .tile {
  --tone: var(--color-blue);
  position: relative;
  padding: 16px;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .card small,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .tile small {
  display: block;
  color: var(--tone);
  font-size: .70rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .card strong,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .tile strong {
  display: block;
  margin-top: 7px;
  color: var(--color-ink);
  font-size: 1.48rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .card span,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .tile span {
  display: block;
  margin-top: 8px;
  color: var(--color-muted);
  font-size: .80rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(140px,1fr));
  gap: 10px;
  align-items: end;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-form {
  grid-template-columns: repeat(7,minmax(135px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-form .btn {
  justify-self: end;
  width: min(190px,100%);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .mode-date-field.is-hidden,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .mode-grower-field.is-hidden {
  display: none !important;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .field label {
  display: block;
  margin: 0 0 6px;
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .field input,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .field select,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .file-input {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  padding: 9px 11px;
  color: var(--color-ink);
  font: 800 .88rem "Poppins",system-ui,sans-serif;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .btn {
  min-height: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  font-family: var(--font-ui);
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .btn.orange {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .notice {
  margin-top: 12px;
  padding: 12px;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.35;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.55);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .success {
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.78);
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .error {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,240,242),0.78);
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .report-list {
  display: grid;
  gap: 9px;
  max-height: 370px;
  overflow: auto;
  padding-right: 3px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .report-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  text-decoration: none;
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .report-link.active {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.85);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.32);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .report-link strong {
  display: block;
  font-size: .9rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .report-link span {
  display: block;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .chart {
  position: relative;
  height: 390px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .chart.small {
  height: 310px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .band-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(150px,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .table-wrap {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) th,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) td {
  padding: 13px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(8,42,85,.09);
  color: var(--color-ink);
  font-size: .9rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) th {
  color: var(--color-blue-deep);
  background: var(--color-surface);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .bar {
  height: 10px;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.11);
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .bar span {
  display: block;
  height: 100%;
  border-radius: var(--radius-card);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-dashboard {
  display: grid;
  grid-template-columns: repeat(4,minmax(150px,1fr));
  gap: 12px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-card {
  position: relative;
  overflow: hidden;
  padding: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-card::after {
  content: "";
  position: absolute;
  right: -28px;
  top: -34px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: rgba(53,92,125,.10);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-card.a::after {
  background: rgba(53,92,125,.14);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-card.b::after {
  background: rgba(246,114,128,.16);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-card.neutral::after {
  background: rgba(31,143,95,.14);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-card small {
  display: block;
  color: var(--color-blue);
  font-size: .66rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-card strong {
  display: block;
  margin-top: 6px;
  color: var(--color-ink);
  font-size: 1.20rem;
  font-weight: 600;
  line-height: 1;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-card span {
  display: block;
  margin-top: 7px;
  color: var(--color-muted);
  font-size: .74rem;
  font-weight: 600;
  line-height: 1.28;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-table {
  min-width: 820px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-table tbody tr:hover {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,248,229),0.72);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .size-token {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.08);
  color: var(--color-blue-deep);
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-cell {
  min-width: 170px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .mini-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .mini-value span {
  font-size: .78rem;
  color: var(--color-muted);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .mini-bar {
  height: 14px;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.09);
  overflow: hidden;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .mini-bar span {
  display: block;
  height: 100%;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .mini-bar.a span {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .mini-bar.b span {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  padding: 8px 10px;
  border-radius: var(--radius-control);
  font-weight: 600;
  font-size: .82rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-chip.a {
  background: rgba(var(--ck-legacy-blue-soft-rgb,230,240,255),0.88);
  color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-chip.b {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,242,222),0.92);
  color: var(--ck-legacy-warning,#C25400);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-chip.same {
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.92);
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .advantage-label {
  display: block;
  margin-top: 6px;
  color: var(--color-muted);
  font-size: .70rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-meter {
  position: relative;
  width: 120px;
  height: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-meter span {
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-meter span.to-a {
  right: 50%;
  background: rgba(53,92,125,.82);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-meter span.to-b {
  left: 50%;
  background: rgba(246,114,128,.84);
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .empty {
  display: grid;
  place-items: center;
  min-height: 180px;
  text-align: center;
  border: 1px dashed rgba(53,92,125,.22);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-muted);
  font-weight: 600;
  padding: 22px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .footer {
  width: 100%;
  text-align: center;
  padding: 24px 16px 10px;
  color: var(--color-ink);
  font-weight: 600;
  text-shadow: none;
}

@media (max-width:1160px) {
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .layout,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-workspace {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .summary-grid,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-dashboard {
  grid-template-columns: repeat(2,minmax(220px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .form-grid,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-form {
  grid-template-columns: repeat(2,minmax(160px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-form .btn {
  grid-column: 2 / 3;
  justify-self: end;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .grid2 {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .weight-side {
  position: relative;
  top: auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .tiles {
  grid-template-columns: repeat(2,minmax(160px,1fr));
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .brand img {
  width: 86px;
  height: 86px;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .summary-grid,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .tiles,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .diff-dashboard,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .form-grid,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-form,
:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .band-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .compare-form .btn {
  grid-column: auto;
  width: 100%;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .weight-duo {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .chip {
  width: 100%;
}

:where(html[data-chekku-page="tomra-tools-tomra-grower-compare"]) .actions {
  width: 100%;
}
}

/* MODULE: tomra_tools/tomra_pregrade_accuracy.php */

:root:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) {
  --blue: var(--color-blue);
  --blue2: var(--color-blue-deep);
  --night: var(--color-ink);
  --orange: var(--color-coral);
  --green: #1F8F5F;
  --red: #B42318;
  --purple: #6D3FD1;
  --comp: var(--color-blue);
  --class2: #F5A623;
  --waste: #B42318;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) * {
  box-sizing: border-box;
  min-width: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) body {
  margin: 0 !important;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  overflow-x: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 18px 0 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 8px 16px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .brand img {
  width: 116px;
  height: 116px;
  object-fit: contain;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .kicker {
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .brand h1 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 13px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .chip.primary {
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .hero {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr);
  gap: 16px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .panel,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .side-card,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .workspace {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
  box-shadow: none;
  backdrop-filter: none;
  border-radius: var(--radius-card);
  overflow: hidden;
  padding: 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .hero-copy {
  position: relative;
  min-height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .hero-copy h2,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .panel h2,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .workspace h2,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .side-card h2,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .side-card h3 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .sub,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .hero-copy p,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .side-card p {
  margin: 8px 0 0;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: max-content;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68);
  color: var(--color-blue);
  font-size: .75rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .score-card {
  display: grid;
  place-items: center;
  text-align: center;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .score-ring {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .score-ring strong {
  font-size: 2rem;
  font-weight: 600;
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .score-card small {
  margin-top: 10px;
  display: block;
  color: var(--color-muted);
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .layout {
  display: grid;
  grid-template-columns: minmax(310px,.48fr) minmax(0,1.52fr);
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .stack {
  display: grid;
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .84rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .field {
  display: grid;
  gap: 6px;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .field label {
  display: block;
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .field select,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .field input {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  padding: 9px 11px;
  color: var(--color-ink);
  font: 800 .88rem "Poppins",system-ui,sans-serif;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .btn {
  width: 100%;
  min-height: 44px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  font-family: var(--font-ui);
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .report-list {
  display: grid;
  gap: 9px;
  max-height: 420px;
  overflow: auto;
  padding-right: 3px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .report-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  text-decoration: none;
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .report-link strong {
  display: block;
  font-size: .9rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .report-link span {
  display: block;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .match-deck {
  display: grid;
  grid-template-columns: repeat(6,minmax(140px,1fr));
  gap: 12px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .metric-deck,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .composite-deck {
  display: grid;
  grid-template-columns: repeat(4,minmax(150px,1fr));
  gap: 12px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .sample-deck {
  display: grid;
  grid-template-columns: repeat(5,minmax(130px,1fr));
  gap: 12px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .card {
  --tone: var(--color-blue);
  position: relative;
  padding: 16px;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .card small {
  display: block;
  color: var(--tone);
  font-size: .70rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .card strong {
  display: block;
  margin-top: 7px;
  color: var(--color-ink);
  font-size: 1.42rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .card span {
  display: block;
  margin-top: 8px;
  color: var(--color-muted);
  font-size: .80rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .bg-packable {
  --tone: #1F8F5F;
  background: var(--color-surface);
  border-color: rgba(31,143,95,.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .bg-composite {
  --tone: var(--color-blue);
  background: var(--color-surface);
  border-color: rgba(36,87,166,.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .bg-class2 {
  --tone: #C25400;
  background: var(--color-surface);
  border-color: rgba(245,166,35,.28);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .bg-waste {
  --tone: #B42318;
  background: var(--color-surface);
  border-color: rgba(180,35,24,.25);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .bg-neutral {
  --tone: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .sample-panel.sample-good .badge {
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .sample-panel.sample-good .sample-coverage-card {
  --tone: #1F8F5F;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .compare-grid {
  display: grid;
  grid-template-columns: minmax(0,1.18fr) minmax(310px,.82fr);
  gap: 16px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .chart {
  position: relative;
  height: 380px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .chart.small {
  height: 300px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .table-wrap {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) th,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) td {
  padding: 13px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(8,42,85,.09);
  color: var(--color-ink);
  font-size: .9rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) th {
  color: var(--color-blue-deep);
  background: var(--color-surface);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .tag {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.09);
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .tag.good {
  background: rgba(31,143,95,.14);
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .tag.watch {
  background: rgba(246,114,128,.16);
  color: var(--ck-legacy-warning,#C25400);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .tag.alert {
  background: rgba(180,35,24,.12);
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .gap-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  padding: 6px 10px;
  border-radius: var(--radius-card);
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .gap-pill.good {
  background: rgba(31,143,95,.14);
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .gap-pill.watch {
  background: rgba(246,114,128,.16);
  color: var(--ck-legacy-warning,#C25400);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .gap-pill.alert {
  background: rgba(180,35,24,.12);
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .empty {
  display: grid;
  place-items: center;
  min-height: 180px;
  text-align: center;
  border: 1px dashed rgba(53,92,125,.22);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-muted);
  font-weight: 600;
  padding: 22px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .notice {
  padding: 14px;
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,240,242),0.82);
  color: var(--ck-legacy-danger,#B42318);
  font-weight: 600;
  line-height: 1.4;
  border: 1px solid rgba(180,35,24,.12);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .alias-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 14px 0 0;
  padding: 13px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.16);
  color: var(--color-blue-deep);
  font-weight: 600;
  line-height: 1.42;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .alias-note strong {
  color: var(--color-ink);
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .alias-note .alias-icon {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  border-radius: var(--radius-card);
  background: rgba(53,92,125,.12);
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .insight-list {
  display: grid;
  gap: 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .insight {
  padding: 13px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .insight strong {
  display: block;
  color: var(--color-ink);
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .insight span {
  display: block;
  margin-top: 4px;
  color: var(--color-muted);
  font-weight: 600;
  font-size: .86rem;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .footer {
  width: 100%;
  text-align: center;
  padding: 24px 16px 10px;
  color: var(--color-ink);
  font-weight: 600;
  text-shadow: none;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .hero,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .layout,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .compare-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .match-deck,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .metric-deck,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .sample-deck,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .composite-deck {
  grid-template-columns: repeat(2,minmax(160px,1fr));
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .brand img {
  width: 86px;
  height: 86px;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .actions,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .chip {
  width: 100%;
}

:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .match-deck,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .metric-deck,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .sample-deck,
:where(html[data-chekku-page="tomra-tools-tomra-pregrade-accuracy"]) .composite-deck {
  grid-template-columns: 1fr;
}
}

/* MODULE: tomra_tools/tomra_size_analysis.php, tomra_tools/tomra_size_analysis_V9.php */

:root:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) {
  --blue: var(--color-blue);
  --blue2: var(--color-blue-deep);
  --night: var(--color-ink);
  --orange: var(--color-coral);
  --green: #1F8F5F;
  --red: #B42318;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) * {
  box-sizing: border-box;
  min-width: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) body {
  margin: 0 !important;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  overflow-x: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 18px 0 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 8px 16px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .brand img {
  width: 116px;
  height: 116px;
  object-fit: contain;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .kicker {
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .brand h1 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 13px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .chip.primary {
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .compare-pdf-option {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 10px 0 2px;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .compare-pdf-option input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--color-coral);
  flex: 0 0 auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .layout {
  display: grid;
  grid-template-columns: minmax(310px,.52fr) minmax(0,1.48fr);
  gap: 16px;
  align-items: stretch;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .stack {
  display: grid;
  gap: 12px;
  align-self: stretch;
  align-content: start;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .panel,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .side-card {
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .side-card {
  padding: 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .side-card h2,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .side-card h3,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .panel h2 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .side-card p,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .sub {
  margin: 8px 0 0;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68);
  color: var(--color-blue);
  font-size: .75rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .panel {
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .after-insight-gap {
  margin-top: 34px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .84rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .summary-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(150px,1fr));
  gap: 14px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .tiles {
  display: grid;
  grid-template-columns: repeat(3,minmax(160px,1fr));
  gap: 14px;
  margin: 14px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .statistics-panel {
  margin-bottom: 20px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .selected-report-panel {
  margin-top: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .card,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .tile {
  --tone: var(--color-blue);
  position: relative;
  padding: 16px;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .card small,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .tile small {
  display: block;
  color: var(--tone);
  font-size: .70rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .card strong,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .tile strong {
  display: block;
  margin-top: 7px;
  color: var(--color-ink);
  font-size: 1.48rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .card span,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .tile span {
  display: block;
  margin-top: 8px;
  color: var(--color-muted);
  font-size: .80rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-card {
  border-width: 1px;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-card-small {
  --tone: #D74E35;
  background: var(--color-surface);
  border-color: rgba(215,78,53,.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-card-core {
  --tone: #1F8F5F;
  background: var(--color-surface);
  border-color: rgba(31,143,95,.22);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-card-large {
  --tone: var(--color-coral);
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-card-out {
  --tone: #8A4A20;
  background: var(--color-surface);
  border-color: rgba(138,74,32,.18);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(140px,1fr));
  gap: 10px;
  align-items: end;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .compare-form {
  grid-template-columns: repeat(5,minmax(150px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .field label {
  display: block;
  margin: 0 0 6px;
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .field input,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .field select,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .file-input {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  padding: 9px 11px;
  color: var(--color-ink);
  font: 800 .88rem "Poppins",system-ui,sans-serif;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .upload-box {
  display: grid;
  gap: 6px;
  padding: 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .upload-box label {
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .upload-box small {
  color: var(--color-muted);
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-selector-card {
  position: relative;
  top: auto;
  z-index: 6;
  max-height: none;
  overflow: visible;
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.72);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-form {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-box {
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-box-small {
  background: var(--color-surface);
  border-color: rgba(215,78,53,.20);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-box-core {
  background: var(--color-surface);
  border-color: rgba(31,143,95,.20);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-box-large {
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.22);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
  color: var(--color-blue-deep);
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-box-title span:last-child {
  color: var(--color-muted);
  font-size: .68rem;
  text-transform: none;
  letter-spacing: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.72);
  color: var(--color-ink);
  font-size: .78rem;
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-check input {
  width: 15px;
  height: 15px;
  accent-color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-live-note {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.72);
  border: 1px solid rgba(31,143,95,.18);
  color: var(--ck-legacy-success,#1F8F5F);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-live-note .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1F8F5F;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .btn {
  min-height: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  font-family: var(--font-ui);
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .btn.orange {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .commodity-season-btn {
  grid-column: 1/-1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 68px;
  padding: 13px 16px 13px 14px;
  border-radius: var(--radius-control);
  text-decoration: none;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
  box-shadow: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .commodity-season-btn::before {
  content: none !important;
  position: absolute;
  inset: -60% auto auto -10%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .commodity-season-btn:hover {
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .commodity-season-btn .season-icon {
  position: relative;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  font-size: 1.28rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .commodity-season-btn .season-copy {
  position: relative;
  display: grid;
  gap: 3px;
  min-width: 0;
  flex: 1;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .commodity-season-btn .season-title {
  color: var(--color-ink);
  font-size: .98rem;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1.1;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .commodity-season-btn .season-meta {
  color: var(--color-ink);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: normal;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .commodity-season-btn .season-arrow {
  position: relative;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: 1.05rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .notice {
  margin-top: 12px;
  padding: 12px;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.35;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.55);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .success {
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.78);
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .error {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,240,242),0.78);
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .collapse-card {
  padding: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .collapse-card summary {
  list-style: none;
  cursor: pointer;
  padding: 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .collapse-card summary::-webkit-details-marker {
  display: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .collapse-summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .collapse-summary h3 {
  margin: 8px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .collapse-summary p {
  margin: 6px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .collapse-icon {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.7);
  color: var(--color-blue-deep);
  font-weight: 600;
  transition: transform .18s ease;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .collapse-card[open] .collapse-icon {
  transform: rotate(180deg);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .collapse-card .report-list {
  padding: 0 18px 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .report-list {
  display: grid;
  gap: 9px;
  max-height: 370px;
  overflow: auto;
  padding-right: 3px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .report-item {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .report-link {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  text-decoration: none;
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .report-link.active {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.85);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.32);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .report-link strong {
  display: block;
  font-size: .9rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .report-link span {
  display: block;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .delete-report-form {
  display: flex;
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .delete-report-btn {
  width: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.20);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .delete-report-btn:hover {
  background: var(--color-surface);
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .date-delete-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .date-delete-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .date-delete-row {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .date-delete-link {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  text-decoration: none;
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .date-delete-link.active {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.88);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.34);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .date-delete-link strong {
  display: block;
  font-size: .86rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .date-delete-link span {
  display: block;
  color: var(--color-muted);
  font-size: .76rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .date-delete-form {
  display: flex;
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .date-delete-btn {
  width: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.22);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .date-delete-btn:hover {
  background: var(--color-surface);
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .variety-grid {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .variety-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  padding: 13px 14px;
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .variety-card:hover {
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .variety-card strong {
  display: block;
  font-size: .95rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .variety-card span {
  display: block;
  margin-top: 3px;
  color: var(--color-muted);
  font-size: .77rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .variety-card .arrow {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.08);
  color: var(--color-blue-deep);
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .variety-dialog {
  width: min(860px,calc(100% - 28px));
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-card);
  padding: 0;
  background: var(--color-surface);
  box-shadow: none;
  backdrop-filter: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .variety-dialog::backdrop {
  background: rgba(39,58,77,.58);
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .variety-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52);
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .variety-modal-head h3 {
  margin: 5px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .variety-modal-head p {
  margin: 5px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .modal-close {
  width: 38px;
  height: 38px;
  border: 0;
  font-size: 1.25rem;
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .variety-modal-body {
  padding: 16px;
  display: grid;
  gap: 10px;
  max-height: min(68vh,640px);
  overflow: auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .grower-date-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: 8px;
  align-items: stretch;
  padding: 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .grower-date-main strong {
  display: block;
  color: var(--color-ink);
  font-size: .92rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .grower-date-main span {
  display: block;
  margin-top: 4px;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .mini-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: var(--radius-card);
  text-decoration: none;
  background: rgba(8,42,85,.08);
  border: 1px solid rgba(8,42,85,.10);
  color: var(--color-blue-deep);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .mini-delete-form {
  display: flex;
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .mini-delete {
  width: 42px;
  border: 0;
  border-radius: var(--radius-card);
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.22);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .year-upload-stack {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .year-upload-group {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .year-upload-group>summary {
  list-style: none;
  cursor: pointer;
  padding: 13px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .year-upload-group>summary::-webkit-details-marker {
  display: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .year-upload-group>summary strong {
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .year-upload-group>summary span {
  font-size: .76rem;
  font-weight: 600;
  color: var(--color-muted);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .year-upload-group .variety-grid {
  padding: 10px;
  margin-top: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bulk-upload-delete-form {
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bulk-upload-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bulk-check-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-blue-deep);
  font-size: .8rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bulk-check-all input,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .pdf-row-check input {
  accent-color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bulk-delete-btn {
  border: 0;
  border-radius: var(--radius-control);
  padding: 10px 14px;
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.24);
  color: var(--ck-legacy-danger,#B42318);
  font-size: .78rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bulk-delete-btn:hover {
  transform: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bulk-grower-date-row {
  grid-template-columns: auto minmax(0,1fr) auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .pdf-row-check {
  display: grid;
  place-items: center;
  padding: 0 4px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .grower-date-main em {
  display: block;
  margin-top: 3px;
  color: var(--ck-legacy-muted,#7A8798);
  font-size: .7rem;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@media (max-width:680px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .grower-date-row,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bulk-grower-date-row {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bulk-upload-toolbar {
  align-items: stretch;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .mini-open,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .mini-delete {
  min-height: 38px;
  width: 100%;
}
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .chart {
  position: relative;
  height: 390px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .chart.small {
  height: 310px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(150px,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .table-wrap {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) th,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) td {
  padding: 13px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(8,42,85,.09);
  color: var(--color-ink);
  font-size: .9rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) th {
  color: var(--color-blue-deep);
  background: var(--color-surface);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bar {
  height: 18px;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.11);
  overflow: hidden;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bar span {
  display: block;
  height: 100%;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bar span.size-band-small {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bar span.size-band-core {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bar span.size-band-large {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bar span.size-band-out {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .bar span.size-band-other {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .empty {
  display: grid;
  place-items: center;
  min-height: 180px;
  text-align: center;
  border: 1px dashed rgba(53,92,125,.22);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-muted);
  font-weight: 600;
  padding: 22px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .footer {
  width: 100%;
  text-align: center;
  padding: 24px 16px 10px;
  color: var(--color-ink);
  font-weight: 600;
  text-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-options {
  display: grid;
  gap: 9px;
  margin-top: 12px;
  padding: 12px;
  border-radius: var(--radius-control);
  background: rgba(var(--ck-legacy-blue-soft-rgb,238,246,255),0.76);
  border: 1px solid rgba(91,146,204,.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-option {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-weight: 600;
  color: var(--ck-legacy-accent,#17395f);
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-option input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-option small {
  display: block;
  font-weight: 600;
  color: var(--ck-legacy-accent,#58708c);
  margin-top: 2px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-dialog {
  border: 0;
  padding: 0;
  border-radius: var(--radius-control);
  width: min(920px,calc(100vw - 28px));
  max-height: 90vh;
  background: var(--ck-legacy-blue-soft,#f7fbff);
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-dialog::backdrop {
  background: rgba(1,15,36,.72);
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-shell {
  display: grid;
  grid-template-rows: auto 1fr auto;
  max-height: 90vh;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-head {
  padding: 20px 22px;
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-head h3 {
  margin: 3px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-head small {
  color: var(--ck-legacy-accent,#cfe8ff);
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-body {
  padding: 18px 22px;
  overflow: auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-metrics {
  display: grid;
  grid-template-columns: repeat(4,minmax(120px,1fr));
  gap: 9px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-metric {
  padding: 11px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid var(--ck-legacy-line,#cfe0f0);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-metric span {
  display: block;
  color: var(--ck-legacy-accent,#60758d);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-metric strong {
  display: block;
  margin-top: 3px;
  font-size: 18px;
  color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-sections {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-card {
  padding: 13px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-card h4 {
  margin: 0 0 9px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-size-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(68px,1fr));
  gap: 7px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-size-pill {
  padding: 7px 8px;
  border-radius: var(--radius-control);
  background: var(--ck-legacy-blue-soft,#eef5fc);
  display: flex;
  justify-content: space-between;
  gap: 5px;
  font-weight: 600;
  font-size: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-actions {
  padding: 13px 22px;
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  border-top: 1px solid var(--ck-legacy-line,#d7e3ef);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-total-warning {
  color: var(--ck-legacy-danger,#a52020) !important;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-total-good {
  color: var(--ck-legacy-success,#1f8f5f) !important;
}

@media (max-width:760px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-metrics {
  grid-template-columns: repeat(2,1fr);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-review-sections {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .export-size-grid {
  grid-template-columns: repeat(3,1fr);
}
}

@media (max-width:1160px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-selector-card {
  position: relative;
  top: auto;
  max-height: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .summary-grid {
  grid-template-columns: repeat(2,minmax(220px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .form-grid,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .compare-form {
  grid-template-columns: repeat(2,minmax(160px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .grid2 {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .tiles {
  grid-template-columns: repeat(2,minmax(160px,1fr));
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .brand img {
  width: 86px;
  height: 86px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .summary-grid,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .tiles,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .form-grid,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .compare-form,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .band-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .chip {
  width: 100%;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .actions {
  width: 100%;
}
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .yoy-panel {
  margin-top: 16px;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .yoy-toolbar {
  display: grid;
  grid-template-columns: minmax(180px,1.35fr) repeat(2,minmax(140px,.75fr));
  gap: 12px;
  align-items: end;
  margin-top: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .yoy-chart-wrap {
  height: 390px;
  margin-top: 16px;
  padding: 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .yoy-summary {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin-top: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .yoy-year-card {
  padding: 13px 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .yoy-year-card small {
  display: block;
  color: var(--color-muted);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .yoy-year-card strong {
  display: block;
  margin-top: 5px;
  color: var(--color-blue-deep);
  font-size: 1.05rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .yoy-year-card span {
  display: block;
  margin-top: 4px;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .yoy-empty {
  display: grid;
  place-items: center;
  min-height: 220px;
  color: var(--ck-legacy-muted,#6B7789);
  font-weight: 600;
  text-align: center;
  padding: 20px;
}

@media (max-width:760px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .yoy-toolbar {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .yoy-summary {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v9"]) .yoy-chart-wrap {
  height: 330px;
}
}

/* MODULE: tomra_tools/tomra_size_analysis_V1.php, tomra_tools/tomra_size_analysis_V2.php, tomra_tools/tomra_size_analysis_V3.php */

:root:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) {
  --blue: var(--color-blue);
  --blue2: var(--color-blue-deep);
  --night: var(--color-ink);
  --orange: var(--color-coral);
  --green: #1F8F5F;
  --red: #B42318;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) * {
  box-sizing: border-box;
  min-width: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) body {
  margin: 0 !important;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  overflow-x: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 18px 0 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 8px 16px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .brand img {
  width: 116px;
  height: 116px;
  object-fit: contain;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .kicker {
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .brand h1 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 13px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .chip.primary {
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .compare-pdf-option {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 10px 0 2px;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .compare-pdf-option input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--color-coral);
  flex: 0 0 auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .layout {
  display: grid;
  grid-template-columns: minmax(310px,.52fr) minmax(0,1.48fr);
  gap: 16px;
  align-items: stretch;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .stack {
  display: grid;
  gap: 12px;
  align-self: stretch;
  align-content: start;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .panel,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .side-card {
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .side-card {
  padding: 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .side-card h2,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .side-card h3,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .panel h2 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .side-card p,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .sub {
  margin: 8px 0 0;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68);
  color: var(--color-blue);
  font-size: .75rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .panel {
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .after-insight-gap {
  margin-top: 34px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .84rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .summary-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(150px,1fr));
  gap: 14px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .tiles {
  display: grid;
  grid-template-columns: repeat(3,minmax(160px,1fr));
  gap: 14px;
  margin: 14px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .statistics-panel {
  margin-bottom: 20px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .selected-report-panel {
  margin-top: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .card,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .tile {
  --tone: var(--color-blue);
  position: relative;
  padding: 16px;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .card small,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .tile small {
  display: block;
  color: var(--tone);
  font-size: .70rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .card strong,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .tile strong {
  display: block;
  margin-top: 7px;
  color: var(--color-ink);
  font-size: 1.48rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .card span,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .tile span {
  display: block;
  margin-top: 8px;
  color: var(--color-muted);
  font-size: .80rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-card {
  border-width: 1px;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-card-small {
  --tone: #D74E35;
  background: var(--color-surface);
  border-color: rgba(215,78,53,.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-card-core {
  --tone: #1F8F5F;
  background: var(--color-surface);
  border-color: rgba(31,143,95,.22);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-card-large {
  --tone: var(--color-coral);
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-card-out {
  --tone: #8A4A20;
  background: var(--color-surface);
  border-color: rgba(138,74,32,.18);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(140px,1fr));
  gap: 10px;
  align-items: end;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .compare-form {
  grid-template-columns: repeat(5,minmax(150px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .field label {
  display: block;
  margin: 0 0 6px;
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .field input,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .field select,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .file-input {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  padding: 9px 11px;
  color: var(--color-ink);
  font: 800 .88rem "Poppins",system-ui,sans-serif;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .upload-box {
  display: grid;
  gap: 6px;
  padding: 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .upload-box label {
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .upload-box small {
  color: var(--color-muted);
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-selector-card {
  position: relative;
  top: auto;
  z-index: 6;
  max-height: none;
  overflow: visible;
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.72);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-form {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-box {
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-box-small {
  background: var(--color-surface);
  border-color: rgba(215,78,53,.20);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-box-core {
  background: var(--color-surface);
  border-color: rgba(31,143,95,.20);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-box-large {
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.22);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
  color: var(--color-blue-deep);
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-box-title span:last-child {
  color: var(--color-muted);
  font-size: .68rem;
  text-transform: none;
  letter-spacing: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.72);
  color: var(--color-ink);
  font-size: .78rem;
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-check input {
  width: 15px;
  height: 15px;
  accent-color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-live-note {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.72);
  border: 1px solid rgba(31,143,95,.18);
  color: var(--ck-legacy-success,#1F8F5F);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-live-note .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1F8F5F;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .btn {
  min-height: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  font-family: var(--font-ui);
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .btn.orange {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .notice {
  margin-top: 12px;
  padding: 12px;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.35;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.55);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .success {
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.78);
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .error {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,240,242),0.78);
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .collapse-card {
  padding: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .collapse-card summary {
  list-style: none;
  cursor: pointer;
  padding: 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .collapse-card summary::-webkit-details-marker {
  display: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .collapse-summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .collapse-summary h3 {
  margin: 8px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .collapse-summary p {
  margin: 6px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .collapse-icon {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.7);
  color: var(--color-blue-deep);
  font-weight: 600;
  transition: transform .18s ease;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .collapse-card[open] .collapse-icon {
  transform: rotate(180deg);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .collapse-card .report-list {
  padding: 0 18px 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .report-list {
  display: grid;
  gap: 9px;
  max-height: 370px;
  overflow: auto;
  padding-right: 3px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .report-item {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .report-link {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  text-decoration: none;
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .report-link.active {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.85);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.32);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .report-link strong {
  display: block;
  font-size: .9rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .report-link span {
  display: block;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .delete-report-form {
  display: flex;
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .delete-report-btn {
  width: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.20);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .delete-report-btn:hover {
  background: var(--color-surface);
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .date-delete-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .date-delete-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .date-delete-row {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .date-delete-link {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  text-decoration: none;
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .date-delete-link.active {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.88);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.34);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .date-delete-link strong {
  display: block;
  font-size: .86rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .date-delete-link span {
  display: block;
  color: var(--color-muted);
  font-size: .76rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .date-delete-form {
  display: flex;
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .date-delete-btn {
  width: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.22);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .date-delete-btn:hover {
  background: var(--color-surface);
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .variety-grid {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .variety-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  padding: 13px 14px;
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .variety-card:hover {
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .variety-card strong {
  display: block;
  font-size: .95rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .variety-card span {
  display: block;
  margin-top: 3px;
  color: var(--color-muted);
  font-size: .77rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .variety-card .arrow {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.08);
  color: var(--color-blue-deep);
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .variety-dialog {
  width: min(860px,calc(100% - 28px));
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-card);
  padding: 0;
  background: var(--color-surface);
  box-shadow: none;
  backdrop-filter: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .variety-dialog::backdrop {
  background: rgba(39,58,77,.58);
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .variety-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52);
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .variety-modal-head h3 {
  margin: 5px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .variety-modal-head p {
  margin: 5px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .modal-close {
  width: 38px;
  height: 38px;
  border: 0;
  font-size: 1.25rem;
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .variety-modal-body {
  padding: 16px;
  display: grid;
  gap: 10px;
  max-height: min(68vh,640px);
  overflow: auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .grower-date-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: 8px;
  align-items: stretch;
  padding: 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .grower-date-main strong {
  display: block;
  color: var(--color-ink);
  font-size: .92rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .grower-date-main span {
  display: block;
  margin-top: 4px;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .mini-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: var(--radius-card);
  text-decoration: none;
  background: rgba(8,42,85,.08);
  border: 1px solid rgba(8,42,85,.10);
  color: var(--color-blue-deep);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .mini-delete-form {
  display: flex;
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .mini-delete {
  width: 42px;
  border: 0;
  border-radius: var(--radius-card);
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.22);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .year-upload-stack {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .year-upload-group {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .year-upload-group>summary {
  list-style: none;
  cursor: pointer;
  padding: 13px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .year-upload-group>summary::-webkit-details-marker {
  display: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .year-upload-group>summary strong {
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .year-upload-group>summary span {
  font-size: .76rem;
  font-weight: 600;
  color: var(--color-muted);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .year-upload-group .variety-grid {
  padding: 10px;
  margin-top: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bulk-upload-delete-form {
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bulk-upload-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bulk-check-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-blue-deep);
  font-size: .8rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bulk-check-all input,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .pdf-row-check input {
  accent-color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bulk-delete-btn {
  border: 0;
  border-radius: var(--radius-control);
  padding: 10px 14px;
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.24);
  color: var(--ck-legacy-danger,#B42318);
  font-size: .78rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bulk-delete-btn:hover {
  transform: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bulk-grower-date-row {
  grid-template-columns: auto minmax(0,1fr) auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .pdf-row-check {
  display: grid;
  place-items: center;
  padding: 0 4px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .grower-date-main em {
  display: block;
  margin-top: 3px;
  color: var(--ck-legacy-muted,#7A8798);
  font-size: .7rem;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@media (max-width:680px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .grower-date-row,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bulk-grower-date-row {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bulk-upload-toolbar {
  align-items: stretch;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .mini-open,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .mini-delete {
  min-height: 38px;
  width: 100%;
}
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .chart {
  position: relative;
  height: 390px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .chart.small {
  height: 310px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(150px,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .table-wrap {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) th,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) td {
  padding: 13px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(8,42,85,.09);
  color: var(--color-ink);
  font-size: .9rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) th {
  color: var(--color-blue-deep);
  background: var(--color-surface);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bar {
  height: 18px;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.11);
  overflow: hidden;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bar span {
  display: block;
  height: 100%;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bar span.size-band-small {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bar span.size-band-core {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bar span.size-band-large {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bar span.size-band-out {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .bar span.size-band-other {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .empty {
  display: grid;
  place-items: center;
  min-height: 180px;
  text-align: center;
  border: 1px dashed rgba(53,92,125,.22);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-muted);
  font-weight: 600;
  padding: 22px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .footer {
  width: 100%;
  text-align: center;
  padding: 24px 16px 10px;
  color: var(--color-ink);
  font-weight: 600;
  text-shadow: none;
}

@media (max-width:1160px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-selector-card {
  position: relative;
  top: auto;
  max-height: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .summary-grid {
  grid-template-columns: repeat(2,minmax(220px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .form-grid,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .compare-form {
  grid-template-columns: repeat(2,minmax(160px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .grid2 {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .tiles {
  grid-template-columns: repeat(2,minmax(160px,1fr));
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .brand img {
  width: 86px;
  height: 86px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .summary-grid,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .tiles,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .form-grid,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .compare-form,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .band-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .chip {
  width: 100%;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v1"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v2"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v3"]) .actions {
  width: 100%;
}
}

/* MODULE: tomra_tools/tomra_size_analysis_V4.php, tomra_tools/tomra_size_analysis_V5.php */

:root:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) {
  --blue: var(--color-blue);
  --blue2: var(--color-blue-deep);
  --night: var(--color-ink);
  --orange: var(--color-coral);
  --green: #1F8F5F;
  --red: #B42318;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) * {
  box-sizing: border-box;
  min-width: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) body {
  margin: 0 !important;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  overflow-x: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 18px 0 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 8px 16px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .brand img {
  width: 116px;
  height: 116px;
  object-fit: contain;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .kicker {
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .brand h1 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 13px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .chip.primary {
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .compare-pdf-option {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 10px 0 2px;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .compare-pdf-option input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--color-coral);
  flex: 0 0 auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .layout {
  display: grid;
  grid-template-columns: minmax(310px,.52fr) minmax(0,1.48fr);
  gap: 16px;
  align-items: stretch;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .stack {
  display: grid;
  gap: 12px;
  align-self: stretch;
  align-content: start;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .panel,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .side-card {
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .side-card {
  padding: 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .side-card h2,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .side-card h3,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .panel h2 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .side-card p,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .sub {
  margin: 8px 0 0;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68);
  color: var(--color-blue);
  font-size: .75rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .panel {
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .after-insight-gap {
  margin-top: 34px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .84rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .summary-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(150px,1fr));
  gap: 14px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .tiles {
  display: grid;
  grid-template-columns: repeat(3,minmax(160px,1fr));
  gap: 14px;
  margin: 14px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .statistics-panel {
  margin-bottom: 20px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .selected-report-panel {
  margin-top: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .card,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .tile {
  --tone: var(--color-blue);
  position: relative;
  padding: 16px;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .card small,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .tile small {
  display: block;
  color: var(--tone);
  font-size: .70rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .card strong,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .tile strong {
  display: block;
  margin-top: 7px;
  color: var(--color-ink);
  font-size: 1.48rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .card span,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .tile span {
  display: block;
  margin-top: 8px;
  color: var(--color-muted);
  font-size: .80rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-card {
  border-width: 1px;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-card-small {
  --tone: #D74E35;
  background: var(--color-surface);
  border-color: rgba(215,78,53,.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-card-core {
  --tone: #1F8F5F;
  background: var(--color-surface);
  border-color: rgba(31,143,95,.22);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-card-large {
  --tone: var(--color-coral);
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-card-out {
  --tone: #8A4A20;
  background: var(--color-surface);
  border-color: rgba(138,74,32,.18);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(140px,1fr));
  gap: 10px;
  align-items: end;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .compare-form {
  grid-template-columns: repeat(5,minmax(150px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .field label {
  display: block;
  margin: 0 0 6px;
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .field input,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .field select,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .file-input {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  padding: 9px 11px;
  color: var(--color-ink);
  font: 800 .88rem "Poppins",system-ui,sans-serif;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .upload-box {
  display: grid;
  gap: 6px;
  padding: 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .upload-box label {
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .upload-box small {
  color: var(--color-muted);
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-selector-card {
  position: relative;
  top: auto;
  z-index: 6;
  max-height: none;
  overflow: visible;
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.72);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-form {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-box {
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-box-small {
  background: var(--color-surface);
  border-color: rgba(215,78,53,.20);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-box-core {
  background: var(--color-surface);
  border-color: rgba(31,143,95,.20);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-box-large {
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.22);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
  color: var(--color-blue-deep);
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-box-title span:last-child {
  color: var(--color-muted);
  font-size: .68rem;
  text-transform: none;
  letter-spacing: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.72);
  color: var(--color-ink);
  font-size: .78rem;
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-check input {
  width: 15px;
  height: 15px;
  accent-color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-live-note {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.72);
  border: 1px solid rgba(31,143,95,.18);
  color: var(--ck-legacy-success,#1F8F5F);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-live-note .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1F8F5F;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .btn {
  min-height: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  font-family: var(--font-ui);
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .btn.orange {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .commodity-season-btn {
  grid-column: 1/-1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 68px;
  padding: 13px 16px 13px 14px;
  border-radius: var(--radius-control);
  text-decoration: none;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
  box-shadow: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .commodity-season-btn::before {
  content: none !important;
  position: absolute;
  inset: -60% auto auto -10%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .commodity-season-btn:hover {
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .commodity-season-btn .season-icon {
  position: relative;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  font-size: 1.28rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .commodity-season-btn .season-copy {
  position: relative;
  display: grid;
  gap: 3px;
  min-width: 0;
  flex: 1;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .commodity-season-btn .season-title {
  color: var(--color-ink);
  font-size: .98rem;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1.1;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .commodity-season-btn .season-meta {
  color: var(--color-ink);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: normal;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .commodity-season-btn .season-arrow {
  position: relative;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: 1.05rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .notice {
  margin-top: 12px;
  padding: 12px;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.35;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.55);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .success {
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.78);
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .error {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,240,242),0.78);
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .collapse-card {
  padding: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .collapse-card summary {
  list-style: none;
  cursor: pointer;
  padding: 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .collapse-card summary::-webkit-details-marker {
  display: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .collapse-summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .collapse-summary h3 {
  margin: 8px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .collapse-summary p {
  margin: 6px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .collapse-icon {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.7);
  color: var(--color-blue-deep);
  font-weight: 600;
  transition: transform .18s ease;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .collapse-card[open] .collapse-icon {
  transform: rotate(180deg);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .collapse-card .report-list {
  padding: 0 18px 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .report-list {
  display: grid;
  gap: 9px;
  max-height: 370px;
  overflow: auto;
  padding-right: 3px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .report-item {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .report-link {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  text-decoration: none;
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .report-link.active {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.85);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.32);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .report-link strong {
  display: block;
  font-size: .9rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .report-link span {
  display: block;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .delete-report-form {
  display: flex;
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .delete-report-btn {
  width: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.20);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .delete-report-btn:hover {
  background: var(--color-surface);
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .date-delete-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .date-delete-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .date-delete-row {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .date-delete-link {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  text-decoration: none;
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .date-delete-link.active {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.88);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.34);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .date-delete-link strong {
  display: block;
  font-size: .86rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .date-delete-link span {
  display: block;
  color: var(--color-muted);
  font-size: .76rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .date-delete-form {
  display: flex;
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .date-delete-btn {
  width: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.22);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .date-delete-btn:hover {
  background: var(--color-surface);
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .variety-grid {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .variety-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  padding: 13px 14px;
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .variety-card:hover {
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .variety-card strong {
  display: block;
  font-size: .95rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .variety-card span {
  display: block;
  margin-top: 3px;
  color: var(--color-muted);
  font-size: .77rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .variety-card .arrow {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.08);
  color: var(--color-blue-deep);
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .variety-dialog {
  width: min(860px,calc(100% - 28px));
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-card);
  padding: 0;
  background: var(--color-surface);
  box-shadow: none;
  backdrop-filter: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .variety-dialog::backdrop {
  background: rgba(39,58,77,.58);
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .variety-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52);
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .variety-modal-head h3 {
  margin: 5px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .variety-modal-head p {
  margin: 5px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .modal-close {
  width: 38px;
  height: 38px;
  border: 0;
  font-size: 1.25rem;
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .variety-modal-body {
  padding: 16px;
  display: grid;
  gap: 10px;
  max-height: min(68vh,640px);
  overflow: auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .grower-date-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: 8px;
  align-items: stretch;
  padding: 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .grower-date-main strong {
  display: block;
  color: var(--color-ink);
  font-size: .92rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .grower-date-main span {
  display: block;
  margin-top: 4px;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .mini-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: var(--radius-card);
  text-decoration: none;
  background: rgba(8,42,85,.08);
  border: 1px solid rgba(8,42,85,.10);
  color: var(--color-blue-deep);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .mini-delete-form {
  display: flex;
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .mini-delete {
  width: 42px;
  border: 0;
  border-radius: var(--radius-card);
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.22);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .year-upload-stack {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .year-upload-group {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .year-upload-group>summary {
  list-style: none;
  cursor: pointer;
  padding: 13px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .year-upload-group>summary::-webkit-details-marker {
  display: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .year-upload-group>summary strong {
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .year-upload-group>summary span {
  font-size: .76rem;
  font-weight: 600;
  color: var(--color-muted);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .year-upload-group .variety-grid {
  padding: 10px;
  margin-top: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bulk-upload-delete-form {
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bulk-upload-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bulk-check-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-blue-deep);
  font-size: .8rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bulk-check-all input,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .pdf-row-check input {
  accent-color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bulk-delete-btn {
  border: 0;
  border-radius: var(--radius-control);
  padding: 10px 14px;
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.24);
  color: var(--ck-legacy-danger,#B42318);
  font-size: .78rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bulk-delete-btn:hover {
  transform: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bulk-grower-date-row {
  grid-template-columns: auto minmax(0,1fr) auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .pdf-row-check {
  display: grid;
  place-items: center;
  padding: 0 4px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .grower-date-main em {
  display: block;
  margin-top: 3px;
  color: var(--ck-legacy-muted,#7A8798);
  font-size: .7rem;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@media (max-width:680px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .grower-date-row,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bulk-grower-date-row {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bulk-upload-toolbar {
  align-items: stretch;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .mini-open,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .mini-delete {
  min-height: 38px;
  width: 100%;
}
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .chart {
  position: relative;
  height: 390px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .chart.small {
  height: 310px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(150px,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .table-wrap {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) th,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) td {
  padding: 13px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(8,42,85,.09);
  color: var(--color-ink);
  font-size: .9rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) th {
  color: var(--color-blue-deep);
  background: var(--color-surface);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bar {
  height: 18px;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.11);
  overflow: hidden;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bar span {
  display: block;
  height: 100%;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bar span.size-band-small {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bar span.size-band-core {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bar span.size-band-large {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bar span.size-band-out {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .bar span.size-band-other {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .empty {
  display: grid;
  place-items: center;
  min-height: 180px;
  text-align: center;
  border: 1px dashed rgba(53,92,125,.22);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-muted);
  font-weight: 600;
  padding: 22px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .footer {
  width: 100%;
  text-align: center;
  padding: 24px 16px 10px;
  color: var(--color-ink);
  font-weight: 600;
  text-shadow: none;
}

@media (max-width:1160px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-selector-card {
  position: relative;
  top: auto;
  max-height: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .summary-grid {
  grid-template-columns: repeat(2,minmax(220px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .form-grid,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .compare-form {
  grid-template-columns: repeat(2,minmax(160px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .grid2 {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .tiles {
  grid-template-columns: repeat(2,minmax(160px,1fr));
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .brand img {
  width: 86px;
  height: 86px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .summary-grid,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .tiles,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .form-grid,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .compare-form,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .band-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .chip {
  width: 100%;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v4"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v5"]) .actions {
  width: 100%;
}
}

/* MODULE: tomra_tools/tomra_size_analysis_V6.php, tomra_tools/tomra_size_analysis_V7.php, tomra_tools/tomra_size_analysis_V8.php */

:root:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) {
  --blue: var(--color-blue);
  --blue2: var(--color-blue-deep);
  --night: var(--color-ink);
  --orange: var(--color-coral);
  --green: #1F8F5F;
  --red: #B42318;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) * {
  box-sizing: border-box;
  min-width: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) body {
  margin: 0 !important;
  font-family: var(--font-ui);
  color: var(--text);
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  overflow-x: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .page-shell {
  position: relative;
  z-index: 1;
  padding: 18px 0 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 8px 16px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .brand img {
  width: 116px;
  height: 116px;
  object-fit: contain;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .kicker {
  font-size: .73rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .brand h1 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 13px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.66);
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .chip.primary {
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .compare-pdf-option {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 10px 0 2px;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .compare-pdf-option input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--color-coral);
  flex: 0 0 auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .layout {
  display: grid;
  grid-template-columns: minmax(310px,.52fr) minmax(0,1.48fr);
  gap: 16px;
  align-items: stretch;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .stack {
  display: grid;
  gap: 12px;
  align-self: stretch;
  align-content: start;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .panel,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .side-card {
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .side-card {
  padding: 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .side-card h2,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .side-card h3,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .panel h2 {
  margin: 4px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .side-card p,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .sub {
  margin: 8px 0 0;
  color: var(--color-muted);
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.68);
  color: var(--color-blue);
  font-size: .75rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .panel {
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .after-insight-gap {
  margin-top: 34px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .84rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .summary-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(150px,1fr));
  gap: 14px;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .tiles {
  display: grid;
  grid-template-columns: repeat(3,minmax(160px,1fr));
  gap: 14px;
  margin: 14px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .statistics-panel {
  margin-bottom: 20px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .selected-report-panel {
  margin-top: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .card,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .tile {
  --tone: var(--color-blue);
  position: relative;
  padding: 16px;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .card small,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .tile small {
  display: block;
  color: var(--tone);
  font-size: .70rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .card strong,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .tile strong {
  display: block;
  margin-top: 7px;
  color: var(--color-ink);
  font-size: 1.48rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .card span,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .tile span {
  display: block;
  margin-top: 8px;
  color: var(--color-muted);
  font-size: .80rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-card {
  border-width: 1px;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-card-small {
  --tone: #D74E35;
  background: var(--color-surface);
  border-color: rgba(215,78,53,.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-card-core {
  --tone: #1F8F5F;
  background: var(--color-surface);
  border-color: rgba(31,143,95,.22);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-card-large {
  --tone: var(--color-coral);
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.24);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-card-out {
  --tone: #8A4A20;
  background: var(--color-surface);
  border-color: rgba(138,74,32,.18);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(140px,1fr));
  gap: 10px;
  align-items: end;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .compare-form {
  grid-template-columns: repeat(5,minmax(150px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .field label {
  display: block;
  margin: 0 0 6px;
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .field input,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .field select,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .file-input {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  padding: 9px 11px;
  color: var(--color-ink);
  font: 800 .88rem "Poppins",system-ui,sans-serif;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .upload-box {
  display: grid;
  gap: 6px;
  padding: 10px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .upload-box label {
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .upload-box small {
  color: var(--color-muted);
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-selector-card {
  position: relative;
  top: auto;
  z-index: 6;
  max-height: none;
  overflow: visible;
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.72);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-form {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-box {
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-box-small {
  background: var(--color-surface);
  border-color: rgba(215,78,53,.20);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-box-core {
  background: var(--color-surface);
  border-color: rgba(31,143,95,.20);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-box-large {
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.22);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
  color: var(--color-blue-deep);
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-box-title span:last-child {
  color: var(--color-muted);
  font-size: .68rem;
  text-transform: none;
  letter-spacing: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.72);
  color: var(--color-ink);
  font-size: .78rem;
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-check input {
  width: 15px;
  height: 15px;
  accent-color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-live-note {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.72);
  border: 1px solid rgba(31,143,95,.18);
  color: var(--ck-legacy-success,#1F8F5F);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-live-note .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1F8F5F;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .btn {
  min-height: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  font-family: var(--font-ui);
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .btn.orange {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .commodity-season-btn {
  grid-column: 1/-1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 68px;
  padding: 13px 16px 13px 14px;
  border-radius: var(--radius-control);
  text-decoration: none;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36);
  box-shadow: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .commodity-season-btn::before {
  content: none !important;
  position: absolute;
  inset: -60% auto auto -10%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .commodity-season-btn:hover {
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .commodity-season-btn .season-icon {
  position: relative;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  font-size: 1.28rem;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .commodity-season-btn .season-copy {
  position: relative;
  display: grid;
  gap: 3px;
  min-width: 0;
  flex: 1;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .commodity-season-btn .season-title {
  color: var(--color-ink);
  font-size: .98rem;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1.1;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .commodity-season-btn .season-meta {
  color: var(--color-ink);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: normal;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .commodity-season-btn .season-arrow {
  position: relative;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: 1.05rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .notice {
  margin-top: 12px;
  padding: 12px;
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.35;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.55);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .success {
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.78);
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .error {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,240,242),0.78);
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .collapse-card {
  padding: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .collapse-card summary {
  list-style: none;
  cursor: pointer;
  padding: 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .collapse-card summary::-webkit-details-marker {
  display: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .collapse-summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .collapse-summary h3 {
  margin: 8px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .collapse-summary p {
  margin: 6px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .collapse-icon {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.7);
  color: var(--color-blue-deep);
  font-weight: 600;
  transition: transform .18s ease;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .collapse-card[open] .collapse-icon {
  transform: rotate(180deg);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .collapse-card .report-list {
  padding: 0 18px 18px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .report-list {
  display: grid;
  gap: 9px;
  max-height: 370px;
  overflow: auto;
  padding-right: 3px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .report-item {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .report-link {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  text-decoration: none;
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .report-link.active {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.85);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.32);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .report-link strong {
  display: block;
  font-size: .9rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .report-link span {
  display: block;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .delete-report-form {
  display: flex;
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .delete-report-btn {
  width: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.20);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .delete-report-btn:hover {
  background: var(--color-surface);
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .date-delete-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .date-delete-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--color-blue-deep);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .date-delete-row {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .date-delete-link {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  text-decoration: none;
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .date-delete-link.active {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.88);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.34);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .date-delete-link strong {
  display: block;
  font-size: .86rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .date-delete-link span {
  display: block;
  color: var(--color-muted);
  font-size: .76rem;
  font-weight: 600;
  margin-top: 2px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .date-delete-form {
  display: flex;
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .date-delete-btn {
  width: 42px;
  border: 0;
  border-radius: var(--radius-control);
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.22);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .date-delete-btn:hover {
  background: var(--color-surface);
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .variety-grid {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .variety-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  padding: 13px 14px;
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .variety-card:hover {
  transform: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .variety-card strong {
  display: block;
  font-size: .95rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .variety-card span {
  display: block;
  margin-top: 3px;
  color: var(--color-muted);
  font-size: .77rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .variety-card .arrow {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.08);
  color: var(--color-blue-deep);
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .variety-dialog {
  width: min(860px,calc(100% - 28px));
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-card);
  padding: 0;
  background: var(--color-surface);
  box-shadow: none;
  backdrop-filter: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .variety-dialog::backdrop {
  background: rgba(39,58,77,.58);
  backdrop-filter: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .variety-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52);
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .variety-modal-head h3 {
  margin: 5px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .variety-modal-head p {
  margin: 5px 0 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .modal-close {
  width: 38px;
  height: 38px;
  border: 0;
  font-size: 1.25rem;
  font-weight: 600;
  cursor: pointer;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .variety-modal-body {
  padding: 16px;
  display: grid;
  gap: 10px;
  max-height: min(68vh,640px);
  overflow: auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .grower-date-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: 8px;
  align-items: stretch;
  padding: 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .grower-date-main strong {
  display: block;
  color: var(--color-ink);
  font-size: .92rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .grower-date-main span {
  display: block;
  margin-top: 4px;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .mini-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: var(--radius-card);
  text-decoration: none;
  background: rgba(8,42,85,.08);
  border: 1px solid rgba(8,42,85,.10);
  color: var(--color-blue-deep);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .mini-delete-form {
  display: flex;
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .mini-delete {
  width: 42px;
  border: 0;
  border-radius: var(--radius-card);
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.22);
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .year-upload-stack {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .year-upload-group {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .year-upload-group>summary {
  list-style: none;
  cursor: pointer;
  padding: 13px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: var(--color-surface);
  color: var(--color-ink);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .year-upload-group>summary::-webkit-details-marker {
  display: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .year-upload-group>summary strong {
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .year-upload-group>summary span {
  font-size: .76rem;
  font-weight: 600;
  color: var(--color-muted);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .year-upload-group .variety-grid {
  padding: 10px;
  margin-top: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bulk-upload-delete-form {
  margin: 0;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bulk-upload-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bulk-check-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-blue-deep);
  font-size: .8rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bulk-check-all input,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .pdf-row-check input {
  accent-color: var(--color-blue);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bulk-delete-btn {
  border: 0;
  border-radius: var(--radius-control);
  padding: 10px 14px;
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid rgba(180,35,24,.24);
  color: var(--ck-legacy-danger,#B42318);
  font-size: .78rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bulk-delete-btn:hover {
  transform: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bulk-grower-date-row {
  grid-template-columns: auto minmax(0,1fr) auto;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .pdf-row-check {
  display: grid;
  place-items: center;
  padding: 0 4px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .grower-date-main em {
  display: block;
  margin-top: 3px;
  color: var(--ck-legacy-muted,#7A8798);
  font-size: .7rem;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@media (max-width:680px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .grower-date-row,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bulk-grower-date-row {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bulk-upload-toolbar {
  align-items: stretch;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .mini-open,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .mini-delete {
  min-height: 38px;
  width: 100%;
}
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .chart {
  position: relative;
  height: 390px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .chart.small {
  height: 310px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(150px,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .table-wrap {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58);
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) th,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) td {
  padding: 13px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(8,42,85,.09);
  color: var(--color-ink);
  font-size: .9rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) th {
  color: var(--color-blue-deep);
  background: var(--color-surface);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bar {
  height: 18px;
  border-radius: var(--radius-card);
  background: rgba(8,42,85,.11);
  overflow: hidden;
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bar span {
  display: block;
  height: 100%;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bar span.size-band-small {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bar span.size-band-core {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bar span.size-band-large {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bar span.size-band-out {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .bar span.size-band-other {
  background: var(--color-surface);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .empty {
  display: grid;
  place-items: center;
  min-height: 180px;
  text-align: center;
  border: 1px dashed rgba(53,92,125,.22);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-muted);
  font-weight: 600;
  padding: 22px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .footer {
  width: 100%;
  text-align: center;
  padding: 24px 16px 10px;
  color: var(--color-ink);
  font-weight: 600;
  text-shadow: none;
}

@media (max-width:1160px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-selector-card {
  position: relative;
  top: auto;
  max-height: none;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .layout {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .summary-grid {
  grid-template-columns: repeat(2,minmax(220px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .form-grid,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .compare-form {
  grid-template-columns: repeat(2,minmax(160px,1fr));
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .grid2 {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .tiles {
  grid-template-columns: repeat(2,minmax(160px,1fr));
}
}

@media (max-width:680px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .topbar {
  align-items: flex-start;
  flex-direction: column;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .brand img {
  width: 86px;
  height: 86px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .summary-grid,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .tiles,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .form-grid,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .compare-form,
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .band-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .chip {
  width: 100%;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .actions {
  width: 100%;
}
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .yoy-panel {
  margin-top: 16px;
  overflow: hidden;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .yoy-toolbar {
  display: grid;
  grid-template-columns: minmax(180px,1.35fr) repeat(2,minmax(140px,.75fr));
  gap: 12px;
  align-items: end;
  margin-top: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .yoy-chart-wrap {
  height: 390px;
  margin-top: 16px;
  padding: 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .yoy-summary {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin-top: 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .yoy-year-card {
  padding: 13px 14px;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .yoy-year-card small {
  display: block;
  color: var(--color-muted);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .yoy-year-card strong {
  display: block;
  margin-top: 5px;
  color: var(--color-blue-deep);
  font-size: 1.05rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .yoy-year-card span {
  display: block;
  margin-top: 4px;
  color: var(--color-muted);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .yoy-empty {
  display: grid;
  place-items: center;
  min-height: 220px;
  color: var(--ck-legacy-muted,#6B7789);
  font-weight: 600;
  text-align: center;
  padding: 20px;
}

@media (max-width:760px) {
:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .yoy-toolbar {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .yoy-summary {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="tomra-tools-tomra-size-analysis-v6"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v7"],html[data-chekku-page="tomra-tools-tomra-size-analysis-v8"]) .yoy-chart-wrap {
  height: 330px;
}
}

/* MODULE: waste_analysis/dashboard.php */

:root:where(html[data-chekku-page="waste-analysis-dashboard"]) {
  --border: rgba(108,91,123,.14);
  --border-soft: rgba(18,16,28,.08);
  --bg-start: #F0E7FF;
  --bg-mid: #F8F2FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.84);
  --success: #1F8F5F;
  --success-bg: #EAF9F1;
  --danger: #B42318;
  --danger-bg: #FFF1F1;
  --warn: #B76E00;
  --warn-bg: #FFF6E7;
  --info: #2458A6;
  --info-bg: var(--color-blue-soft);
  --good: #43A047;
  --waste: #E53935;
  --highlight: var(--color-coral);
  --track: #EEE7F8;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="waste-analysis-dashboard"]),
:where(html[data-chekku-page="waste-analysis-dashboard"]) body {
  height: 100%;
}

html:where(html[data-chekku-page="waste-analysis-dashboard"]),
:where(html[data-chekku-page="waste-analysis-dashboard"]) body {
  overflow-x: hidden;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  overflow-x: hidden;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar .brand,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar header {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: 10px 12px 6px;
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar nav,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar .nav,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: none;
  margin: 8px 0 0;
  padding: 0 6px 12px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar li {
  list-style: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
  white-space: nowrap;
  transition: background .15s ease,color .15s ease,transform .04s ease;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar a:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar a.active {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar-logo {
  display: block;
  width: 190px;
  margin: 20px auto 22px;
  filter: none;
  opacity: .95;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .95rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .page-shell {
  padding: 22px 0 26px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px 26px;
  margin-bottom: 18px;
  isolation: isolate;
  min-height: 280px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-grid {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-mascot {
  position: absolute;
  left: 2px;
  bottom: -8px;
  width: min(29vw, 310px);
  max-width: 310px;
  min-width: 200px;
  z-index: 0;
  pointer-events: none;
  opacity: .98;
  filter: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-mascot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 840px;
  padding-left: 6px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-copy h1 {
  margin: 0;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-copy p {
  margin: 0;
  max-width: 760px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-size: .9rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#3A2759);
  backdrop-filter: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn {
  appearance: none;
  border: none;
  border-radius: var(--radius-control);
  padding: .78rem 1rem;
  font-weight: 600;
  font-size: .92rem;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-primary {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
  border: 1px solid rgba(74,20,140,.22);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-primary:hover {
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-ghost:hover {
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel {
  overflow: hidden;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel + .panel {
  margin-top: 16px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel-chip {
  padding: 9px 12px;
  border-radius: var(--radius-control);
  background: var(--ck-legacy-blue-soft,#F6EEFF);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-grid {
  display: grid;
  grid-template-columns: 1.5fr .95fr;
  gap: 16px;
  align-items: stretch;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-card {
  position: relative;
  overflow: hidden;
  padding: 22px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-card::after {
  content: none !important;
  position: absolute;
  right: -36px;
  top: -36px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-size: .78rem;
  font-weight: 600;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(170px, 1fr));
  gap: 12px;
  align-items: stretch;
  min-width: min(430px, 48%);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-big-label {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .82rem;
  font-weight: 600;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-big-value {
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-big-sub {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 600;
  font-size: .94rem;
  line-height: 1.45;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stat {
  min-width: 0;
  padding: 14px 16px;
  height: 100%;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stat.tone-tomra-small .value {
  color: var(--ck-legacy-accent,#075985);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stat .label {
  color: var(--muted);
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stat .value {
  margin-top: 6px;
  font-size: 1.65rem;
  font-weight: 600;
  line-height: 1;
  color: var(--ck-legacy-accent,#291947);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stat .sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .composition {
  display: grid;
  gap: 10px;
  margin-top: 2px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .composition-bar {
  width: 100%;
  height: 18px;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#EFEAF7);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.06);
  display: flex;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .seg {
  height: 100%;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .seg-good {
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .composition-legend {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .legend-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .legend-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex: 0 0 12px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .legend-name {
  font-size: .9rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#261644);
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .legend-value {
  text-align: right;
  font-size: .88rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.2;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .dot-good {
  background: var(--good);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  height: 100%;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-summary {
  position: relative;
  overflow: hidden;
  padding: 18px;
  box-shadow: none;
  min-height: 150px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-summary::after {
  content: none !important;
  position: absolute;
  right: -30px;
  top: -30px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .tomra-rate-pill {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(14,165,233,.28);
  color: var(--ck-legacy-accent,#075985);
  box-shadow: none;
  font-size: .76rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .tomra-rate-pill .tomra-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0EA5E9;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-icon {
  display: grid;
  place-items: center;
  font-size: 1.25rem;
  box-shadow: none;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-summary.tone-tomra {
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-summary.tone-tomra::after {
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .tone-tomra .mini-value {
  color: var(--ck-legacy-accent,#075985);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-label {
  text-transform: uppercase;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-value {
  margin-top: 6px;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
  color: var(--ck-legacy-accent,#291947);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-sub {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 600;
  font-size: .9rem;
  line-height: 1.4;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-grid {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-column {
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-card {
  overflow: hidden;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-card-title {
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-card-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-chip {
  padding: 8px 10px;
  border-radius: var(--radius-control);
  font-size: .78rem;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--chekku-primary-700);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-body {
  padding: 14px 16px 16px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .stack-list {
  display: grid;
  gap: 10px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .perf-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .perf-main {
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .perf-title {
  font-size: .95rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#261644);
  line-height: 1.35;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .perf-sub {
  margin-top: 3px;
  font-size: .84rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.35;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  font-weight: 600;
  font-size: .88rem;
  border: 1px solid transparent;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .badge-success {
  background: var(--success-bg);
  color: var(--success);
  border-color: rgba(31,143,95,.16);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .badge-danger {
  background: var(--danger-bg);
  color: var(--danger);
  border-color: rgba(180,35,24,.16);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .badge-warn {
  background: var(--warn-bg);
  color: var(--warn);
  border-color: rgba(183,110,0,.16);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .badge-info {
  background: var(--info-bg);
  color: var(--info);
  border-color: rgba(36,88,166,.16);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .two-up {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .metric-card {
  padding: 16px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .metric-label {
  color: var(--muted);
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .metric-value {
  margin-top: 6px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .metric-sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-card {
  padding: 13px 14px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-name {
  font-size: .94rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#261644);
  line-height: 1.35;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-sub {
  margin-top: 3px;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-value {
  text-align: right;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-value strong {
  display: block;
  color: var(--ck-legacy-accent,#291947);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.1;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-value span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-track {
  width: 100%;
  height: 12px;
  border-radius: var(--radius-card);
  background: var(--track);
  overflow: hidden;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.05);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-fill {
  height: 100%;
  border-radius: var(--radius-card);
  background: var(--ck-solid-blue,var(--color-blue));
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .muted-note {
  color: var(--muted);
  font-weight: 600;
  font-size: .92rem;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .charts-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-card {
  min-height: 420px;
  display: flex;
  flex-direction: column;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-title {
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-sub {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 600;
  font-size: .9rem;
  line-height: 1.4;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-canvas-wrap {
  position: relative;
  flex: 1;
  min-height: 320px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-canvas-wrap canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-select-form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-select-form select {
  height: 38px;
  min-width: 170px;
  padding: 0 10px;
  border-radius: var(--radius-control);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.16);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#2A1848);
  font-weight: 600;
  outline: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-mini {
  min-height: 38px;
  padding: .55rem .78rem;
  border-radius: var(--radius-control);
  font-size: .84rem;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .picking-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: 12px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .picking-detail-tile {
  padding: 11px 12px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .picking-detail-label {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .picking-detail-value {
  margin-top: 5px;
  color: var(--ck-legacy-accent,#291947);
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .picking-detail-sub {
  margin-top: 5px;
  color: var(--muted);
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.25;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
  z-index: 1390;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: 460px;
  max-width: min(92vw,500px);
  transform: translateX(110%);
  transition: transform .28s ease;
  z-index: 1400;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-drawer.open {
  transform: translateX(0);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-drawer header {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 12px 16px;
  background: var(--color-surface);
  border-bottom: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-drawer header .title {
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-drawer header .subtitle {
  font-size: .9rem;
  color: var(--muted);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .drawer-body {
  padding: 14px 16px;
  overflow: auto;
  flex: 1;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .drawer-footer {
  position: sticky;
  bottom: 0;
  padding: 12px 16px;
  display: flex;
  gap: .6rem;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .quick-chips {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: .75rem;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  background: var(--ck-legacy-blue-soft,#f7f2ff);
  color: var(--ck-legacy-accent,#5a2b84);
  padding: .45rem .7rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  font-size: .85rem;
  cursor: pointer;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip-reset {
  background: var(--color-surface);
  color: var(--ck-legacy-danger,#b00020);
  border-color: var(--ck-legacy-line,#f1c9cf);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip.active {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(74,20,140,.35);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .quick-chip-section {
  margin-bottom: 1rem;
  padding: 12px;
  border-radius: var(--radius-control);
  background: rgba(var(--ck-legacy-blue-soft-rgb,246,238,255),0.72);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .quick-chip-title {
  color: var(--color-purple);
  font-weight: 600;
  font-size: .88rem;
  margin-bottom: .55rem;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-grid {
  display: grid;
  grid-template-columns: repeat(1,minmax(220px,1fr));
  gap: 1rem;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .input-group label {
  display: block;
  font-weight: 600;
  color: var(--color-purple);
  margin-bottom: .35rem;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .input-wrap select {
  width: 100%;
  height: 44px;
  padding: .55rem .75rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#1E1B2A);
  font-weight: 600;
  font-size: .95rem;
  outline: none;
  box-sizing: border-box;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .calendar-filter-wrap {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .calendar-filter-wrap input[type="date"] {
  width: 100%;
  height: 44px;
  padding: .55rem .75rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#1E1B2A);
  font-weight: 600;
  font-size: .95rem;
  outline: none;
  box-sizing: border-box;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-help {
  margin-top: 8px;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.4;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .footer-space {
  height: 6px;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-grid,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-grid {
  grid-template-columns: 1fr;
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero {
  min-height: auto;
  padding-bottom: 22px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-mascot {
  width: 220px;
  left: -12px;
  bottom: -6px;
  opacity: .24;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-grid,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .two-up,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .charts-grid {
  grid-template-columns: 1fr 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-toolbar,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-select-form {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-select-form select {
  flex: 1;
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .picking-detail-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-top {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-mascot {
  width: 180px;
  left: -24px;
  bottom: -6px;
  opacity: .18;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-copy {
  padding-left: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-main {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stack {
  min-width: 0;
  width: 100%;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stat {
  min-width: 0;
  width: 100%;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .composition-legend,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stack,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-grid,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .two-up,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .charts-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel-head,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-head,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-card-head,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-top {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-value {
  text-align: left;
}
}

:root:where(html[data-chekku-page="waste-analysis-dashboard"]) {
  --border: rgba(53,92,125,.14) !important;
  --border-soft: rgba(39,58,77,.08) !important;
  --bg-start: var(--color-ink) !important;
  --bg-mid: var(--color-blue-deep) !important;
  --bg-end: var(--color-peach-soft) !important;
  --glass: rgba(255,255,255,.66) !important;
  --track: rgba(53,92,125,.10) !important;
  --success: #1F8F5F !important;
  --success-bg: #EAF9F1 !important;
  --danger: #B42318 !important;
  --danger-bg: #FFF0F2 !important;
  --warn: #8A5200 !important;
  --warn-bg: var(--color-peach-soft) !important;
  --info: var(--color-blue) !important;
  --info-bg: var(--color-blue-soft) !important;
  --good: #1F8F5F !important;
  --waste: #E53935 !important;
  --highlight: var(--color-coral) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .page-shell,
:where(html[data-chekku-page="waste-analysis-dashboard"]) header,
:where(html[data-chekku-page="waste-analysis-dashboard"]) main {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .toggle-btn,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .nav-toggle {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar a {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar a:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar a.active,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar a[aria-current="page"] {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar-logo,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .sidebar-footer {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero::before {
  background: var(--color-surface) !important;
  width: 320px !important;
  height: 320px !important;
  right: -120px !important;
  top: -140px !important;
  left: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .eyebrow,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-kicker,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel-chip,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-chip {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-copy h1,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel-title,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-card-title,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-title,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .input-group label,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-drawer header .title,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .quick-chip-title,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-big-value,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .metric-value,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-value,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-value strong,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .picking-detail-value {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-copy p,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel-sub,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-card-sub,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-sub,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .meta-pill,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-big-label,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-big-sub,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stat .label,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stat .sub,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-label,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-sub,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .metric-label,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .metric-sub,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-sub,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-value span,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .picking-detail-label,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .picking-detail-sub,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-help,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .muted-note,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-drawer header .subtitle {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .meta-pill,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stat,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .legend-chip,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-summary,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-card,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .metric-card,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-card,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .picking-detail-tile,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .quick-chip-section {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .board-card-head,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-drawer header,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .drawer-footer {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-card::after,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-summary::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-icon,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .tone-green .mini-icon,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .tone-red .mini-icon,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .tone-orange .mini-icon,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .tone-blue .mini-icon,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .tone-purple .mini-icon,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .tone-tomra .mini-icon {
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .mini-summary.tone-tomra,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .exec-side-stat.tone-tomra-small,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .tomra-rate-pill {
  background: var(--color-surface) !important;
  border-color: rgba(56,189,248,.30) !important;
  color: var(--ck-legacy-accent,#075985) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .tomra-rate-pill .tomra-dot {
  background: #0EA5E9 !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .composition-bar,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-track {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.10) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .seg-good {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-fill {
  background: var(--ck-solid-blue,var(--color-blue)) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .legend-name,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .perf-title,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .progress-name {
  color: var(--chekku-primary-900) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .perf-row {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .badge-success {
  background: var(--ck-legacy-success-soft,#EAF9F1) !important;
  color: var(--ck-legacy-success,#1F8F5F) !important;
  border-color: rgba(31,143,95,.16) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .badge-danger {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.16) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .badge-warn {
  background: var(--color-peach-soft) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.18) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .badge-info {
  background: var(--color-blue-soft) !important;
  color: var(--color-blue) !important;
  border-color: rgba(53,92,125,.16) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-select-form select,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .input-wrap select,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .calendar-filter-wrap input[type="date"] {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-select-form select:focus,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .input-wrap select:focus,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .calendar-filter-wrap input[type="date"]:focus {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip.active {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip-reset {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-primary {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-primary:hover {
  filter: brightness(1.03) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-ghost {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-ghost:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92) !important;
  border-color: rgba(53,92,125,.18) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-canvas-wrap {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.34) !important;
  border-radius: var(--radius-card) !important;
  padding: 10px !important;
}

@media (max-width:760px) {

}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn,
:where(html[data-chekku-page="waste-analysis-dashboard"]) button.btn,
:where(html[data-chekku-page="waste-analysis-dashboard"]) a.btn,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-toggle,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-mini,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .drawer-footer .btn,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-select-form .btn,
:where(html[data-chekku-page="waste-analysis-dashboard"]) button[type="submit"].btn,
:where(html[data-chekku-page="waste-analysis-dashboard"]) button[type="button"].btn {
  min-height: 44px !important;
  border-radius: var(--radius-control) !important;
  border: 1px solid rgba(53,92,125,.18) !important;
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  letter-spacing: .005em !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: transform .08s ease,
        box-shadow .18s ease,
        background .18s ease,
        border-color .18s ease,
        color .18s ease !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) button.btn:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) a.btn:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-toggle:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-mini:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .drawer-footer .btn:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-select-form .btn:hover {
  transform: none !important;
  background: var(--color-surface) !important;
  border-color: rgba(53,92,125,.26) !important;
  box-shadow: none !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn:active,
:where(html[data-chekku-page="waste-analysis-dashboard"]) button.btn:active,
:where(html[data-chekku-page="waste-analysis-dashboard"]) a.btn:active,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-toggle:active,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip:active,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-mini:active {
  transform: translateY(0) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-primary,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-toggle-primary,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip.active,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .drawer-footer button[type="submit"],
:where(html[data-chekku-page="waste-analysis-dashboard"]) .drawer-footer .btn-primary,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-select-form .btn-primary,
:where(html[data-chekku-page="waste-analysis-dashboard"]) button.btn-primary,
:where(html[data-chekku-page="waste-analysis-dashboard"]) a.btn-primary {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.28) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-primary:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-toggle-primary:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip.active:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .drawer-footer button[type="submit"]:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .drawer-footer .btn-primary:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-select-form .btn-primary:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) button.btn-primary:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) a.btn-primary:hover {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-ghost,
:where(html[data-chekku-page="waste-analysis-dashboard"]) a.btn-ghost,
:where(html[data-chekku-page="waste-analysis-dashboard"]) button.btn-ghost,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .drawer-footer .btn-ghost {
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
  border-color: rgba(53,92,125,.18) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-danger,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip-reset,
:where(html[data-chekku-page="waste-analysis-dashboard"]) button.btn-danger,
:where(html[data-chekku-page="waste-analysis-dashboard"]) a.btn-danger {
  color: #fff !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.28) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-danger:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip-reset:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) button.btn-danger:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) a.btn-danger:hover {
  color: #fff !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .hero-actions .btn,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel-actions .btn,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel-actions .filters-toggle,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-toolbar .btn,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .chart-toolbar .btn-mini {
  min-height: 46px !important;
  padding: .78rem 1rem !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip {
  min-height: 38px !important;
  padding: .5rem .78rem !important;
  border-radius: var(--radius-control) !important;
  font-size: .86rem !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .drawer-footer {
  gap: .7rem !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .drawer-footer .btn {
  min-height: 46px !important;
  padding: .78rem 1rem !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn .material-symbols-rounded,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-toggle .material-symbols-rounded,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .btn-mini .material-symbols-rounded {
  font-size: 1.15rem !important;
  line-height: 1 !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) header,
:where(html[data-chekku-page="waste-analysis-dashboard"]) main,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .page-shell,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .content {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) body::before,
:where(html[data-chekku-page="waste-analysis-dashboard"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar {
  position: relative;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar::after {
  content: "";
  display: block;
  height: 1px;
  margin-top: 14px;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-brand-block {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-brand-logo {
  width: 78px;
  height: 78px;
  object-fit: contain;
  filter: none;
  flex: 0 0 auto;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-kicker {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.3);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-brand-block h1 {
  margin: 8px 0 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .top-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: .72rem 1rem;
  border-radius: var(--radius-card);
  color: var(--color-blue-deep);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.48);
  box-shadow: none;
  font-weight: 600;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .dashboard-workspace {
  display: grid;
  grid-template-columns: 300px minmax(0,1fr);
  gap: 18px;
  align-items: start;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .workspace-rail {
  position: sticky;
  top: 14px;
  display: grid;
  gap: 12px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .workspace-main {
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .workspace-main > .panel:first-child {
  margin-top: 0;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-card-title {
  text-transform: uppercase;
  letter-spacing: .06em;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-card-value {
  margin-top: 7px;
  color: var(--color-blue-deep);
  font-size: 1.45rem;
  line-height: 1.05;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-card-value.small {
  font-size: 1.04rem;
  line-height: 1.25;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-card-sub {
  margin-top: 8px;
  color: var(--color-muted);
  font-size: .88rem;
  line-height: 1.38;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-mini-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-stat-card {
  min-height: 92px;
  padding: 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-stat-card span {
  color: var(--color-muted);
  font-size: .74rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-stat-card strong {
  margin-top: 6px;
  color: var(--color-blue-deep);
  font-size: 1.35rem;
  line-height: 1;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-stat-card.good strong {
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-stat-card.waste strong {
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-stat-card.tomra strong {
  color: var(--ck-legacy-accent,#075985);
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-filter-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-filter-list span,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-jump-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  text-decoration: none;
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.13);
  color: var(--color-blue-deep);
  box-shadow: none;
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-jump-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-jump-pill.active {
  color: var(--color-ink);
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.28);
  box-shadow: none;
}

@media (max-width:1080px) {
:where(html[data-chekku-page="waste-analysis-dashboard"]) .dashboard-workspace {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .workspace-rail {
  position: relative;
  top: auto;
  grid-template-columns: repeat(2,minmax(0,1fr));
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-mini-grid {
  grid-column: 1 / -1;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar-main {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-actions {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-actions .btn,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-actions .top-pill {
  flex: 1 1 auto;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .workspace-rail {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-mini-grid {
  grid-template-columns: 1fr 1fr;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-brand-logo {
  width: 66px;
  height: 66px;
}
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar.top-control-section {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar.top-control-section::before,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar.top-control-section::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar-main.topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-brand-block.brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-brand-logo {
  width: 132px !important;
  height: 132px !important;
  flex: 0 0 132px !important;
  object-fit: contain !important;
  display: block !important;
  filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-brand-block h1 {
  margin: 3px 0 0 !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-actions.topbar-actions,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .topbar-actions.primary-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar .chip,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .topbar-actions .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
  font-family: var(--font-ui) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar button.chip {
  appearance: none !important;
  cursor: pointer !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar .back-btn,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar .filter-chip-top {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-filter-list span,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-jump-pill,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .active-filter-chip,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .toolbar-badge,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .metric-pill,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .date-pill,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .time-pill,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .photo-pill {
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-jump-pill.active {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.36) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

@media (max-width:760px) {
:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar-main.topbar-main-row {
  flex-direction: column !important;
  align-items: flex-start !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-actions.topbar-actions {
  width: 100% !important;
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-topbar .chip,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .topbar-actions .chip {
  white-space: normal !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .app-brand-logo {
  width: 76px !important;
  height: 76px !important;
  flex-basis: 76px !important;
}
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-filter-list span,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-jump-pill,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .panel-chip,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .active-filter-chip,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip[data-clear="shift"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 38px !important;
  padding: 8px 13px !important;
  border-radius: var(--radius-control) !important;
  font-size: .84rem !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-jump-pill:hover,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip[data-clear="shift"]:hover {
  transform: none !important;
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92) !important;
  border-color: rgba(53,92,125,.20) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-jump-pill.active,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip.active[data-period],
:where(html[data-chekku-page="waste-analysis-dashboard"]) .filter-chip.active#useCalendarDate {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.36) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-jump-grid,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .rail-filter-list,
:where(html[data-chekku-page="waste-analysis-dashboard"]) .quick-chips {
  gap: 8px !important;
}

/* MODULE: waste_analysis/edit_entry.php */

:root:where(html[data-chekku-page="waste-analysis-edit-entry"]) {
  --success: #2e7d32;
  --danger: #e53935;
  --bg-start: #F0E7FF;
  --bg-mid: #F8F2FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.72);
  --stroke: rgba(255,255,255,.42);
  --line: rgba(108,91,123,.14);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="waste-analysis-edit-entry"]),
:where(html[data-chekku-page="waste-analysis-edit-entry"]) body {
  height: 100%;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--ink);
  background: var(--color-surface);
  background-attachment: fixed;
  overflow-x: hidden;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 20px 34px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  -webkit-backdrop-filter: none;
  transition: transform .25s ease;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar a.active {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar-logo {
  position: absolute;
  bottom: 6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  filter: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .9rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero {
  position: relative;
  overflow: hidden;
  margin: 0 auto 18px;
  padding: 26px 24px 22px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: -20% auto auto -6%;
  width: 280px;
  height: 280px;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: auto -7% -26% auto;
  width: 250px;
  height: 250px;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-top {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-copy {
  max-width: 720px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: rgba(108,91,123,.10);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-size: .8rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  margin-bottom: 12px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero h1 {
  margin: 0 0 8px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero p {
  margin: 0;
  max-width: 720px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  color: var(--ck-legacy-accent,#4a4362);
  font-size: .9rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stats {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stat {
  padding: 16px 16px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stat-label {
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stat-value {
  margin-top: 6px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stat-sub {
  margin-top: 4px;
  font-size: .88rem;
  color: var(--ck-legacy-muted,#6f6885);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel {
  overflow: hidden;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel + .panel {
  margin-top: 16px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-title {
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-sub {
  margin-top: 4px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: var(--radius-control);
  background: rgba(108,91,123,.10);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  color: var(--chekku-primary-700);
  font-weight: 600;
  font-size: .82rem;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-body {
  padding: 20px 22px 22px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .grid-3 {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .grid-2 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .field-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .label-inline {
  font-weight: 600;
  color: var(--chekku-primary-700);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .helper-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  font-size: .78rem;
  font-weight: 600;
  color: var(--ck-legacy-muted,#6f6885);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .field {
  width: 100%;
  height: 48px;
  min-height: 48px;
  padding: .8rem .95rem;
  border-radius: var(--radius-card);
  border: 1.5px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  background: var(--color-surface);
  color: var(--ink);
  font: 600 .95rem "Poppins",system-ui,sans-serif;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease;
  line-height: 1.2;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) select.field,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .field[type="date"],
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .field[type="time"] {
  -webkit-appearance: none;
  appearance: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) select.field {
  padding-right: 2.6rem;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .field:focus {
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.34);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .field-note {
  font-size: .84rem;
  color: var(--ck-legacy-muted,#7c7690);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .section-divider {
  height: 1px;
  background: var(--color-surface);
  margin: 18px 0;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defects-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defects-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) 120px;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.1);
  box-shadow: none;
  transition: background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row:hover {
  transform: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.has-value {
  background: var(--color-surface);
  border-color: rgba(46,125,50,.38);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.has-value .defect-name {
  color: var(--ck-legacy-success,#1b5e20);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.has-value .field {
  border-color: rgba(46,125,50,.30);
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-name {
  font-weight: 600;
  color: var(--ck-legacy-accent,#3b3158);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .uploader-card,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .photos-card {
  padding: 16px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.1);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumbs {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 4px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-card {
  width: 132px;
  padding: 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-btn {
  appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  width: 100%;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-card img {
  width: 100%;
  height: 88px;
  object-fit: cover;
  border-radius: var(--radius-card);
  display: block;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-remove {
  margin-top: 8px;
  display: flex;
  gap: 7px;
  align-items: flex-start;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-remove label {
  font-size: .8rem;
  color: var(--ck-legacy-muted,#6A6580);
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .empty-photo-note {
  color: var(--ck-legacy-muted,#7a758d);
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid var(--stroke);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn {
  appearance: none;
  border: none;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  min-width: 180px;
  padding: .82rem 1.2rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn:hover {
  transform: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-primary,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-save {
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-primary:hover,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-save:hover {
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-secondary,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-cancel {
  background: var(--color-surface);
  color: var(--color-ink);
  border: 1px solid rgba(198,40,40,.16);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-secondary:hover,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-cancel:hover {
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .modal-backdrop {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  z-index: 2200;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .modal-backdrop.show {
  display: flex;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .glass-modal {
  width: min(100%,560px);
  overflow: hidden;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .glass-modal.photo-modal {
  width: min(100%,920px);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .glass-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px 0;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .glass-modal-title {
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .glass-modal-sub {
  margin-top: 5px;
  color: var(--muted);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .glass-close {
  appearance: none;
  border: none;
  width: 42px;
  height: 42px;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .glass-modal-body {
  padding: 16px 20px 22px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .error-icon {
  width: 58px;
  height: 58px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  color: var(--danger);
  font-size: 1.6rem;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .error-message {
  margin: 14px 0 0;
  color: var(--ck-legacy-accent,#443b58);
  font-weight: 600;
  line-height: 1.55;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .photo-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 260px;
  max-height: 72vh;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.1);
  overflow: hidden;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .photo-stage img {
  display: block;
  max-width: 100%;
  max-height: 72vh;
  object-fit: contain;
}

@media (max-width:980px) {
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stats,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .grid-3 {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:720px) {
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .content {
  padding: 22px 14px 28px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-top {
  flex-direction: column;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stats,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .grid-3,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .grid-2,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defects-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-head,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-body,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .actions {
  padding-left: 16px;
  padding-right: 16px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .actions .btn {
  width: 100%;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-card {
  width: calc(50% - 6px);
}
}

@media (max-width:460px) {
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-card {
  width: 100%;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row {
  grid-template-columns: 1fr;
}
}

:root:where(html[data-chekku-page="waste-analysis-edit-entry"]) {
  --success: #1F8F5F !important;
  --danger: #B42318 !important;
  --bg-start: var(--color-ink) !important;
  --bg-mid: var(--color-blue-deep) !important;
  --bg-end: var(--color-peach-soft) !important;
  --glass: rgba(255,255,255,.66) !important;
  --stroke: rgba(255,255,255,.42) !important;
  --line: rgba(53,92,125,.14) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) body {
  color: var(--ink) !important;
  position: relative !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .content {
  max-width: 1180px !important;
  padding: 28px 20px 38px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .toggle-btn,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .nav-toggle {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar a {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar a:hover,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar a.active,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar a[aria-current="page"] {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar-logo,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar-footer {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero::before {
  background: var(--color-surface) !important;
  width: 320px !important;
  height: 320px !important;
  right: -120px !important;
  top: -140px !important;
  left: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-eyebrow,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-chip {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero h1,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stat-value,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-title,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .label-inline,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .glass-modal-title,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-name {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero p,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stat-label,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stat-sub,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-sub,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .field-note,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .glass-modal-sub,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-remove label,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .empty-photo-note,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .helper-pill,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .error-message {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-badge,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stat,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .helper-pill,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .uploader-card,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .photos-card,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-card,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .actions,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .photo-stage {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-badge {
  border-radius: var(--radius-card) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stat {
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stat::after {
  content: none !important;
  position: absolute;
  width: 120px;
  height: 120px;
  right: -62px;
  top: -62px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-head {
  padding-bottom: 16px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .section-divider {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .field,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) select.field,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) input.field,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) input[type="file"].field {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .field:focus {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .field:hover {
  transform: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row:hover {
  border-color: rgba(53,92,125,.18) !important;
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.78) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.has-value {
  border-color: rgba(31,143,95,.28) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.has-value .field {
  border-color: rgba(31,143,95,.24) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-card img {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.74) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-btn:hover img {
  filter: brightness(1.04) saturate(1.04);
  transform: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-card img {
  transition: transform .16s ease, filter .16s ease;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-remove input {
  accent-color: var(--danger);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  min-height: 48px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-save,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-primary {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-save:hover,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-primary:hover {
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-cancel,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-secondary {
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-cancel:hover,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-secondary:hover {
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .glass-modal-head {
  background: var(--color-surface) !important;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  padding-bottom: 16px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .glass-close {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .error-icon {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border: 1px solid rgba(180,35,24,.18) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .photo-stage {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.44) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .photo-stage img {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.32) !important;
  box-shadow: none !important;
  border-radius: var(--radius-card) !important;
}

@media (max-width:720px) {
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .actions {
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stats {
  grid-template-columns: 1fr !important;
}
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero::before,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero::after,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-stat::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-head,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-body,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .actions {
  isolation: isolate !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-head {
  background: transparent !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-body {
  padding-top: 18px !important;
  background: transparent !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-chip,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .helper-pill,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero-eyebrow {
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defects-grid {
  gap: 14px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row {
  position: relative !important;
  overflow: hidden !important;
  min-height: 72px !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(53,92,125,.16) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row::before {
  content: "";
  position: absolute;
  inset: 10px auto 10px 0;
  width: 5px;
  border-radius: 0 var(--radius-card) var(--radius-card) 0;
  background: rgba(53,92,125,.22);
  opacity: .75;
  transition: background .18s ease, width .18s ease, opacity .18s ease;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row .defect-name {
  position: relative;
  z-index: 1;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--color-blue-deep) !important;
  letter-spacing: -.01em;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row .field {
  position: relative;
  z-index: 1;
  text-align: center;
  font-weight: 600 !important;
  font-size: 1.05rem !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.has-value {
  transform: translateY(-1px) !important;
  border-color: rgba(180,35,24,.40) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.has-value::before {
  width: 7px;
  opacity: 1;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.has-value .field {
  border-color: rgba(180,35,24,.32) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.is-good.has-value {
  border-color: rgba(31,143,95,.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.is-good.has-value .defect-name,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.is-good.has-value .field {
  color: var(--ck-legacy-success,#116B45) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.is-good.has-value .field {
  border-color: rgba(31,143,95,.30) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row:hover {
  transform: none !important;
  border-color: rgba(53,92,125,.26) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) body::before,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) body::after {
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) body {
  background-size: cover !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .actions,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .hero {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-head,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-body {
  background: transparent !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row {
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.36) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.has-value {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,173,216,255),0.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.has-value::before {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.has-value .defect-name {
  color: var(--color-ink) !important;
  text-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.has-value .field {
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.56) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.is-good.has-value {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,194,255,222),0.34) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.is-good.has-value::before {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.is-good.has-value .defect-name {
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row.is-good.has-value .field {
  color: var(--ck-legacy-success,#116B45) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .qty-control {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 42px 82px 42px;
  gap: 8px;
  align-items: center;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .qty-btn {
  appearance: none;
  border: none;
  width: 42px;
  height: 42px;
  border-radius: var(--radius-control);
  display: grid;
  place-items: center;
  font-size: 1.25rem;
  font-weight: 600;
  cursor: pointer;
  color: var(--color-blue-deep);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.16);
  box-shadow: none;
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .qty-btn:hover {
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .qty-btn.minus {
  color: var(--ck-legacy-danger,#B42318);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .qty-btn.plus {
  color: var(--ck-legacy-success,#116B45);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .qty-control .defect-qty {
  width: 82px !important;
  min-width: 82px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: .55rem .4rem !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-qty::-webkit-outer-spin-button,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-qty {
  -moz-appearance: textfield;
}

@media (max-width:520px) {
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .defect-row {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .qty-control {
  grid-template-columns: 46px minmax(0,1fr) 46px;
  width: 100%;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .qty-control .defect-qty {
  width: 100% !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .qty-btn {
  width: 46px;
}
}

html:where(html[data-chekku-page="waste-analysis-edit-entry"]) {
  min-height: 100% !important;
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) body {
  min-height: 100vh !important;
  background: var(--ck-solid-ink,var(--color-ink)) !important;
  background-image: none !important;
  background-attachment: scroll !important;
  isolation: isolate !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) body::before,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) body::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .chekku-fixed-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: var(--color-surface);
  background-size: cover;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .chekku-fixed-bg::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) header,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) main,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .content {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sidebar,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .toggle-btn,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .nav-toggle,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .sb-backdrop,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .modal-backdrop {
  position: fixed;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .content.page-shell {
  padding: 22px 0 34px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .top-control-section {
  position: relative !important;
  margin-bottom: 18px !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .app-topbar h1 {
  margin: 8px 0 0 !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .brand-orb {
  flex: 0 0 106px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .brand-orb img {
  width: 106px !important;
  height: 106px !important;
  object-fit: contain !important;
  filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .app-kicker {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .action-chip,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .back-btn {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-entry-workspace {
  display: grid !important;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-side-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 18px !important;
  z-index: 20 !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding-right: 2px !important;
  scrollbar-width: thin !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-side-stack::-webkit-scrollbar {
  width: 6px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-side-stack::-webkit-scrollbar-thumb {
  background: var(--color-surface) !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-main-stack {
  min-width: 0 !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-main-stack > form > .panel {
  margin-top: 0 !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-main-stack > form > .panel:nth-of-type(2),
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-main-stack > form > .panel:nth-of-type(3) {
  position: relative !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-main-stack > form > .panel:nth-of-type(2)::before,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-main-stack > form > .panel:nth-of-type(3)::before {
  content: "";
  position: absolute;
  top: -16px;
  left: 24px;
  right: 24px;
  height: 1px;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-intro-card,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-intro-card {
  min-height: 250px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-intro-card h2,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .panel-chip {
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-cancel,
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .btn-secondary {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-x-wrap {
  justify-content: center !important;
  margin-top: 8px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .remove-photo-check {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .photo-x-btn {
  width: 38px;
  height: 38px;
  border-radius: var(--radius-control);
  border: 1px solid rgba(180,35,24,.18);
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-card.marked-remove {
  opacity: .48;
  filter: saturate(.45);
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-card.marked-remove img {
  outline: 3px solid rgba(180,35,24,.55);
  outline-offset: -3px;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .thumb-card.marked-remove .photo-x-btn {
  background: var(--color-surface);
  box-shadow: none;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-entry-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-side-stack {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  max-height: none !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .content.page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .brand-orb {
  flex-basis: 76px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .brand-orb img {
  width: 76px !important;
  height: 76px !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-side-stack {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .topbar-actions {
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .chip {
  white-space: normal !important;
}
}

:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-main-stack > form > .panel + .panel {
  margin-top: 30px !important;
}

@media (max-width:720px) {
:where(html[data-chekku-page="waste-analysis-edit-entry"]) .edit-main-stack > form > .panel + .panel {
  margin-top: 22px !important;
}
}

/* MODULE: waste_analysis/form.php */

:root:where(html[data-chekku-page="waste-analysis-form"]) {
  --border: rgba(108,91,123,.14);
  --border-soft: rgba(18,16,28,.08);
  --bg-start: #F0E7FF;
  --bg-mid: #F8F2FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.84);
  --success: #1F8F5F;
  --danger: #B42318;
  --warn: #B76E00;
  --good: #2E7D32;
  --bad: #E53935;
}

:where(html[data-chekku-page="waste-analysis-form"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="waste-analysis-form"]),
:where(html[data-chekku-page="waste-analysis-form"]) body {
  height: 100%;
}

html:where(html[data-chekku-page="waste-analysis-form"]),
:where(html[data-chekku-page="waste-analysis-form"]) body {
  overflow-x: hidden;
}

:where(html[data-chekku-page="waste-analysis-form"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
}

:where(html[data-chekku-page="waste-analysis-form"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  overflow-x: hidden;
}

:where(html[data-chekku-page="waste-analysis-form"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-form"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="waste-analysis-form"]) .sidebar a.active {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="waste-analysis-form"]) .sidebar-logo {
  display: block;
  width: 190px;
  margin: 20px auto 22px;
  filter: none;
  opacity: .95;
}

:where(html[data-chekku-page="waste-analysis-form"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="waste-analysis-form"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="waste-analysis-form"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .95rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
  font-weight: 600;
  -webkit-tap-highlight-color: transparent;
}

:where(html[data-chekku-page="waste-analysis-form"]) .page-shell {
  padding: 22px 0 26px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px 26px 22px;
  margin-bottom: 18px;
  isolation: isolate;
  min-height: 320px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-grid {
  display: grid;
  grid-template-columns: 300px minmax(0,1fr);
  gap: 18px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-mascot {
  position: absolute;
  left: 8px;
  bottom: -2px;
  width: min(28vw, 320px);
  max-width: 320px;
  min-width: 200px;
  pointer-events: none;
  opacity: .99;
  filter: none;
  z-index: 0;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-mascot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  padding-left: 8px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-form"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-copy h1 {
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-copy p {
  margin: 0;
  max-width: 760px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-size: .9rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#3A2759);
  backdrop-filter: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-summary {
  position: relative;
  z-index: 2;
  margin-top: 18px;
  margin-left: 318px;
  display: grid;
  gap: 14px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-summary.is-admin {
  grid-template-columns: repeat(5,minmax(0,1fr));
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-summary.is-user {
  grid-template-columns: repeat(4,minmax(0,1fr));
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-stat {
  position: relative;
  overflow: hidden;
  min-width: 0;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-card);
  padding: 16px 16px 15px;
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-stat::after {
  content: none !important;
  position: absolute;
  right: -26px;
  top: -26px;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-stat-icon {
  display: grid;
  place-items: center;
  font-size: 1.05rem;
  box-shadow: none;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-stat-label {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-stat-value {
  margin-top: 6px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-stat-sub {
  margin-top: 7px;
  color: var(--muted);
  font-weight: 600;
  font-size: .86rem;
  line-height: 1.35;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-form"]) .panel {
  overflow: hidden;
}

:where(html[data-chekku-page="waste-analysis-form"]) .panel + .panel {
  margin-top: 16px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-form"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-form"]) .panel-chip {
  padding: 9px 12px;
  border-radius: var(--radius-control);
  background: var(--ck-legacy-blue-soft,#F6EEFF);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-form"]) .entry-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="waste-analysis-form"]) .form-shell {
  overflow: visible;
}

:where(html[data-chekku-page="waste-analysis-form"]) .shell-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.06);
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-form"]) .shell-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="waste-analysis-form"]) .shell-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="waste-analysis-form"]) .shell-chip {
  padding: 8px 10px;
  border-radius: var(--radius-control);
  font-size: .78rem;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--chekku-primary-700);
}

:where(html[data-chekku-page="waste-analysis-form"]) .required-status.is-missing {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(180,35,24,.32) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .required-status.is-ready {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(31,143,95,.32) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .shell-head {
  max-height: 120px;
  opacity: 1;
  transform: translateY(0);
  transition: max-height .28s ease, opacity .22s ease, transform .22s ease, padding .28s ease, border-color .22s ease;
}

:where(html[data-chekku-page="waste-analysis-form"]) .form-shell.details-ready .shell-head {
  max-height: 0;
  opacity: 0;
  transform: translateY(-8px);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-bottom-color: transparent !important;
  pointer-events: none;
  overflow: hidden;
}

:where(html[data-chekku-page="waste-analysis-form"]) .shell-body {
  padding: 16px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .form-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field label {
  font-size: .84rem;
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2 {
  width: 100% !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container .select2-selection--single {
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: var(--radius-control) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12) !important;
  background: var(--color-surface) !important;
  box-shadow: none;
  padding: 0 12px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 46px !important;
  font-weight: 600 !important;
  padding-left: 0 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px !important;
  right: 10px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-dropdown {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12) !important;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-search--dropdown .select2-search__field {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12) !important;
  border-radius: var(--radius-control) !important;
  padding: 8px 10px !important;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field:has(.select2-container--open) {
  z-index: 3600;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--open {
  z-index: 3601 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field > .select2-container--open + .select2-container,
:where(html[data-chekku-page="waste-analysis-form"]) .field .select2-dropdown {
  z-index: 3602 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--open .select2-dropdown--below {
  margin-top: 8px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--open .select2-dropdown--above {
  margin-top: -8px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-results__options {
  max-height: 260px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-bar {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-left {
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-label {
  font-size: .82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--muted);
}

:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--color-purple);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-weight: 600;
  font-size: .95rem;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-warning-soft,#FFF6E7);
  color: var(--ck-legacy-warning,#B76E00);
  border: 1px solid rgba(183,110,0,.18);
  font-weight: 600;
  font-size: .88rem;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-state.ready {
  background: var(--ck-legacy-success-soft,#EAF9F1);
  color: var(--ck-legacy-success,#1F8F5F);
  border-color: rgba(31,143,95,.18);
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1250;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.16);
  backdrop-filter: none;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter-inner {
  position: relative;
  width: 72px;
  height: 72px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter svg {
  width: 72px;
  height: 72px;
  transform: rotate(-90deg);
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter circle {
  fill: none;
  stroke-width: 8;
  stroke-linecap: round;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter .bg {
  stroke: #E9E0F5;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter .progress {
  stroke: #E53935;
  transition: stroke-dashoffset .3s ease, stroke .4s ease;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter-text {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  color: var(--ck-legacy-danger,#E53935);
  line-height: 1;
  transition: color .4s ease;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter.ready {
  border-color: rgba(31,143,95,.34) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter.ready .bg {
  stroke: #CFEFDD !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defects-wrap {
  margin-top: 16px;
  transition: opacity .25s ease, transform .25s ease;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defects-wrap.locked {
  display: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .details-helper {
  margin-top: 16px;
  background: var(--color-surface);
  border: 1px dashed rgba(var(--ck-legacy-line-rgb,108,91,123),0.22);
  border-radius: var(--radius-card);
  padding: 18px;
  text-align: center;
  color: var(--muted);
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .details-helper.hidden {
  display: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defects-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defects-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="waste-analysis-form"]) .defects-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 14px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card {
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  text-align: center;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-name {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.35;
  font-size: .96rem;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-form"]) .quantity-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  min-height: 38px;
  padding: 0 12px;
  margin-top: 8px;
  border-radius: var(--radius-card);
  font-size: 1.02rem;
  font-weight: 600;
  background: rgba(108,91,123,.08);
  color: var(--color-purple);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.good .quantity-badge {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.good.selected .quantity-badge {
  background: rgba(46,125,50,.10);
  color: var(--ck-legacy-success,#154d1d);
  border-color: rgba(46,125,50,.18);
}

:where(html[data-chekku-page="waste-analysis-form"]) .adjust-buttons {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .adjust-buttons button {
  width: 42px;
  height: 42px;
  border-radius: var(--radius-control);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#2A1A4E);
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
  touch-action: pan-y;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .adjust-buttons button:hover {
  background: var(--ck-legacy-blue-soft,#faf6ff);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .adjust-buttons button:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="waste-analysis-form"]) .adjust-buttons button.is-holding {
  background: var(--ck-legacy-blue-soft,#f3ebff);
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.28);
  box-shadow: none;
  transform: scale(.98);
}

:where(html[data-chekku-page="waste-analysis-form"]) .photo-block {
  margin-top: 16px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-card);
  padding: 16px;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .photo-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .photo-title {
  margin: 0;
  color: var(--color-purple);
  font-size: 1rem;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-form"]) .photo-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="waste-analysis-form"]) .photo-tools {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="waste-analysis-form"]) .photo-input {
  display: block;
  width: 100%;
  padding: 12px;
  border: 1px dashed rgba(var(--ck-legacy-line-rgb,108,91,123),0.26);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  font-weight: 600;
  color: var(--ck-legacy-accent,#2A1A4E);
}

:where(html[data-chekku-page="waste-analysis-form"]) .photo-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .photo-preview img {
  width: 98px;
  height: 98px;
  object-fit: cover;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.1);
  box-shadow: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-form"]) .actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 16px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn {
  appearance: none;
  border: none;
  border-radius: var(--radius-control);
  padding: .82rem 1.15rem;
  font-weight: 600;
  font-size: .95rem;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, opacity .18s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn-primary {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
  border: 1px solid rgba(31,109,39,.22);
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn-primary.ready {
  opacity: 1;
  cursor: pointer;
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn-primary:disabled {
  opacity: .55;
  cursor: not-allowed;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn-danger {
  background: var(--color-surface);
  color: #fff;
  border: 1px solid rgba(143,27,19,.2);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(20,14,38,.42);
  backdrop-filter: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .24s ease, visibility .24s ease;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-backdrop.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-modal {
  width: min(520px, 100%);
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.34);
  background: var(--color-surface);
  box-shadow: none;
  backdrop-filter: none;
  padding: 26px 22px 20px;
  transform: translateY(16px) scale(.98);
  transition: transform .28s ease;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-backdrop.show .success-modal {
  transform: translateY(0) scale(1);
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-modal::before {
  content: none !important;
  position: absolute;
  width: 220px;
  height: 220px;
  right: -70px;
  top: -70px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-modal::after {
  content: none !important;
  position: absolute;
  width: 170px;
  height: 170px;
  left: -55px;
  bottom: -65px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#3A2759);
  font-size: 1.15rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-icon {
  width: 70px;
  height: 70px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  border: 1px solid rgba(31,143,95,.18);
  box-shadow: none;
  font-size: 2rem;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: var(--radius-card);
  background: rgba(31,143,95,.10);
  border: 1px solid rgba(31,143,95,.14);
  color: var(--ck-legacy-success,#176947);
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 8px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-title {
  margin: 0;
  font-size: 1.7rem;
  line-height: 1.08;
  color: var(--ck-legacy-accent,#2A1848);
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-text {
  margin: 10px 0 0;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.55;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: 18px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-chip {
  min-width: 0;
  padding: 12px 12px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-chip-label {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 600;
  color: var(--muted);
  margin-bottom: 5px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-chip-value {
  font-size: .95rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#301E50);
  line-height: 1.35;
  word-break: break-word;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn-glass {
  appearance: none;
  border: none;
  border-radius: var(--radius-control);
  padding: .9rem 1.15rem;
  font-size: .94rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#3A2759);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn-success {
  appearance: none;
  border: none;
  border-radius: var(--radius-control);
  padding: .9rem 1.15rem;
  font-size: .94rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  background: var(--color-surface);
  border: 1px solid rgba(27,123,82,.22);
  box-shadow: none;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="waste-analysis-form"]) .hero-summary.is-admin {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-summary.is-user {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="waste-analysis-form"]) .hero-summary {
  margin-left: 0;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero {
  min-height: auto;
  padding-bottom: 20px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-mascot {
  width: 210px;
  left: -14px;
  bottom: -2px;
  opacity: .22;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-summary.is-admin {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-summary.is-user {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="waste-analysis-form"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero {
  padding: 20px 16px 18px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-top {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-mascot {
  width: 170px;
  left: -22px;
  bottom: -4px;
  opacity: .16;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-copy {
  padding-left: 0;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-summary.is-admin,
:where(html[data-chekku-page="waste-analysis-form"]) .hero-summary.is-user,
:where(html[data-chekku-page="waste-analysis-form"]) .form-grid,
:where(html[data-chekku-page="waste-analysis-form"]) .success-meta {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="waste-analysis-form"]) .panel-head,
:where(html[data-chekku-page="waste-analysis-form"]) .shell-head,
:where(html[data-chekku-page="waste-analysis-form"]) .photo-head,
:where(html[data-chekku-page="waste-analysis-form"]) .defects-head,
:where(html[data-chekku-page="waste-analysis-form"]) .success-top {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-bar {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-right {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="waste-analysis-form"]) .actions,
:where(html[data-chekku-page="waste-analysis-form"]) .success-actions {
  justify-content: stretch;
}

:where(html[data-chekku-page="waste-analysis-form"]) .actions .btn,
:where(html[data-chekku-page="waste-analysis-form"]) .success-actions .btn-glass,
:where(html[data-chekku-page="waste-analysis-form"]) .success-actions .btn-success {
  width: 100%;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter {
  right: 14px;
  bottom: 14px;
  width: 84px;
  height: 84px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter-inner {
  width: 66px;
  height: 66px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter svg {
  width: 66px;
  height: 66px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter-text {
  font-size: .84rem;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-modal {
  border-radius: var(--radius-card);
  padding: 22px 16px 16px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-title {
  font-size: 1.4rem;
}
}

@media (max-width:520px) {
:where(html[data-chekku-page="waste-analysis-form"]) .defect-cards {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
}

:root:where(html[data-chekku-page="waste-analysis-form"]) {
  --border: rgba(53,92,125,.14) !important;
  --border-soft: rgba(39,58,77,.08) !important;
  --bg-start: var(--color-ink) !important;
  --bg-mid: var(--color-blue-deep) !important;
  --bg-end: var(--color-peach-soft) !important;
  --glass: rgba(255,255,255,.66) !important;
  --success: #1F8F5F !important;
  --danger: #B42318 !important;
  --warn: #8A5200 !important;
  --good: #1F8F5F !important;
  --bad: #E53935 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="waste-analysis-form"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="waste-analysis-form"]) .page-shell,
:where(html[data-chekku-page="waste-analysis-form"]) header,
:where(html[data-chekku-page="waste-analysis-form"]) main {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .toggle-btn,
:where(html[data-chekku-page="waste-analysis-form"]) .nav-toggle {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .sidebar a {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .sidebar a:hover,
:where(html[data-chekku-page="waste-analysis-form"]) .sidebar a.active,
:where(html[data-chekku-page="waste-analysis-form"]) .sidebar a[aria-current="page"] {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .sidebar-logo,
:where(html[data-chekku-page="waste-analysis-form"]) .sidebar-footer {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero::before {
  background: var(--color-surface) !important;
  width: 320px !important;
  height: 320px !important;
  right: -120px !important;
  top: -140px !important;
  left: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-mascot {
  filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .eyebrow,
:where(html[data-chekku-page="waste-analysis-form"]) .panel-chip,
:where(html[data-chekku-page="waste-analysis-form"]) .shell-chip {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-copy h1,
:where(html[data-chekku-page="waste-analysis-form"]) .panel-title,
:where(html[data-chekku-page="waste-analysis-form"]) .shell-title,
:where(html[data-chekku-page="waste-analysis-form"]) .field label,
:where(html[data-chekku-page="waste-analysis-form"]) .defects-title,
:where(html[data-chekku-page="waste-analysis-form"]) .photo-title,
:where(html[data-chekku-page="waste-analysis-form"]) .hero-stat-value,
:where(html[data-chekku-page="waste-analysis-form"]) .defect-name,
:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-pill {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-copy p,
:where(html[data-chekku-page="waste-analysis-form"]) .panel-sub,
:where(html[data-chekku-page="waste-analysis-form"]) .shell-sub,
:where(html[data-chekku-page="waste-analysis-form"]) .hero-stat-label,
:where(html[data-chekku-page="waste-analysis-form"]) .hero-stat-sub,
:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-label,
:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-sub,
:where(html[data-chekku-page="waste-analysis-form"]) .defects-sub,
:where(html[data-chekku-page="waste-analysis-form"]) .photo-sub,
:where(html[data-chekku-page="waste-analysis-form"]) .details-helper,
:where(html[data-chekku-page="waste-analysis-form"]) .success-text,
:where(html[data-chekku-page="waste-analysis-form"]) .success-chip-label {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .meta-pill,
:where(html[data-chekku-page="waste-analysis-form"]) .hero-stat,
:where(html[data-chekku-page="waste-analysis-form"]) .form-shell,
:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-bar,
:where(html[data-chekku-page="waste-analysis-form"]) .details-helper,
:where(html[data-chekku-page="waste-analysis-form"]) .photo-block,
:where(html[data-chekku-page="waste-analysis-form"]) .defect-card,
:where(html[data-chekku-page="waste-analysis-form"]) .success-chip {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .shell-head {
  background: var(--color-surface) !important;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .shell-body {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-stat::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .hero-stat-icon {
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field select,
:where(html[data-chekku-page="waste-analysis-form"]) .photo-input,
:where(html[data-chekku-page="waste-analysis-form"]) .select2-container .select2-selection--single,
:where(html[data-chekku-page="waste-analysis-form"]) .select2-search--dropdown .select2-search__field {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field select:focus,
:where(html[data-chekku-page="waste-analysis-form"]) .photo-input:focus,
:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--focus .select2-selection--single {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--text) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-dropdown {
  border: 1px solid rgba(53,92,125,.14) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--ck-solid-blue,var(--chekku-primary)) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-state {
  background: var(--color-peach-soft) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.18) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .inline-count-state.ready {
  background: var(--ck-legacy-success-soft,#EAF9F1) !important;
  color: var(--ck-legacy-success,#1F8F5F) !important;
  border-color: rgba(31,143,95,.18) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .floating-counter .bg {
  stroke: rgba(53,92,125,.12) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card {
  transition: transform .12s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card:hover {
  transform: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.good .defect-name {
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .quantity-badge,
:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.good.selected .quantity-badge {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  color: var(--chekku-primary-700) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.good .quantity-badge {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.22) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .adjust-buttons button {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.12) !important;
  color: var(--chekku-primary-700) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .adjust-buttons button:hover,
:where(html[data-chekku-page="waste-analysis-form"]) .adjust-buttons button.is-holding {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.96) !important;
  border-color: rgba(53,92,125,.22) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .photo-preview img {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.74) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn-primary {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn-primary.ready {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn-primary:disabled {
  opacity: .56 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn-danger {
  color: #fff !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-backdrop {
  background: rgba(39,58,77,.52) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-modal {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-close,
:where(html[data-chekku-page="waste-analysis-form"]) .btn-glass {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-icon {
  background: var(--color-surface) !important;
  border: 1px solid rgba(31,143,95,.18) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-eyebrow {
  background: var(--ck-legacy-success-soft,#EAF9F1) !important;
  color: var(--ck-legacy-success,#1F8F5F) !important;
  border-color: rgba(31,143,95,.18) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .success-title,
:where(html[data-chekku-page="waste-analysis-form"]) .success-chip-value {
  color: var(--chekku-primary-900) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .btn-success {
  color: #fff !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

@media (max-width:760px) {

}

:where(html[data-chekku-page="waste-analysis-form"]) .form-shell,
:where(html[data-chekku-page="waste-analysis-form"]) .shell-body,
:where(html[data-chekku-page="waste-analysis-form"]) .form-grid,
:where(html[data-chekku-page="waste-analysis-form"]) .field {
  overflow: visible !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field {
  position: relative !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field .select2-dropdown {
  z-index: 4000 !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) [hidden] {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #entryForm .form-shell {
  background: var(--color-surface) !important;
  background-color: transparent !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #entryForm .shell-head {
  background: transparent !important;
  border-bottom: 1px solid rgba(53,92,125,.08) !important;
  padding: 18px 20px 12px !important;
  border-radius: var(--radius-card) var(--radius-card) 0 0 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #entryForm .shell-body {
  background: transparent !important;
  padding: 18px 20px 20px !important;
  border-radius: 0 0 var(--radius-card) var(--radius-card) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #entryForm .entry-grid {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #entryForm .form-shell::before,
:where(html[data-chekku-page="waste-analysis-form"]) #entryForm .form-shell::after {
  border-radius: var(--radius-card) !important;
  pointer-events: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #defectsWrap + .photo-block {
  margin-top: 18px !important;
  margin-bottom: 14px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #defectsWrap + .photo-block .photo-head {
  align-items: center !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #defectsWrap + .photo-block + .actions {
  margin-top: 0 !important;
}

@media (max-width:760px) {
:where(html[data-chekku-page="waste-analysis-form"]) #defectsWrap + .photo-block .photo-head {
  align-items: flex-start !important;
}
}

:where(html[data-chekku-page="waste-analysis-form"]) .photo-block.final-hidden,
:where(html[data-chekku-page="waste-analysis-form"]) .actions.final-hidden {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field.is-missing > label {
  color: var(--ck-legacy-danger,#B42318) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field.is-missing {
  position: relative !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field.is-missing::after {
  content: "Required";
  position: absolute;
  top: -7px;
  right: 10px;
  z-index: 10;
  padding: 4px 8px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: .62rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .04em;
  box-shadow: none;
  pointer-events: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field.is-missing select,
:where(html[data-chekku-page="waste-analysis-form"]) .field.is-missing .select2-container .select2-selection--single {
  border-color: rgba(217,45,32,.72) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field.is-missing .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--ck-legacy-danger,#7F1D1D) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field.is-complete > label {
  color: var(--ck-legacy-success,#116B45) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field.is-complete .select2-container .select2-selection--single {
  border-color: rgba(31,143,95,.42) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--open {
  z-index: 999999 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-dropdown {
  z-index: 1000000 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-results,
:where(html[data-chekku-page="waste-analysis-form"]) .select2-results__options {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--default .select2-results__option--selected,
:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--default .select2-results__option[aria-selected="true"] {
  background: var(--color-blue-soft) !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #entryForm .form-shell,
:where(html[data-chekku-page="waste-analysis-form"]) #entryForm .shell-body,
:where(html[data-chekku-page="waste-analysis-form"]) #entryForm .form-grid,
:where(html[data-chekku-page="waste-analysis-form"]) #entryForm .field {
  overflow: visible !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field.is-missing::after {
  pointer-events: none !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field .select2-container {
  position: relative !important;
  z-index: 3 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--default.select2-container--open .select2-selection--single {
  border-color: rgba(53,92,125,.34) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .actions.final-hidden {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.selected {
  transform: translateY(-3px) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.selected::before {
  content: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  padding: 5px 9px;
  border-radius: var(--radius-control);
  background: var(--color-surface) !important;
  color: var(--color-ink);
  font-size: .68rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .03em;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.selected .defect-name {
  color: var(--ck-legacy-danger,#7F1D1D) !important;
  padding-right: 58px;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.selected .quantity-badge {
  min-width: 74px !important;
  min-height: 44px !important;
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.32) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.good.selected::before {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.good.selected .defect-name {
  color: var(--ck-legacy-success,#116B45) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.good.selected .quantity-badge {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--open,
:where(html[data-chekku-page="waste-analysis-form"]) .select2-dropdown {
  z-index: 999999 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-dropdown {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(53,92,125,.18) !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--default .select2-results__option {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  font-weight: 600 !important;
  padding: 10px 12px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--default .select2-results__option--highlighted[aria-selected],
:where(html[data-chekku-page="waste-analysis-form"]) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.selected::before,
:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.good.selected::before {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.selected .defect-name,
:where(html[data-chekku-page="waste-analysis-form"]) .defect-card.good.selected .defect-name {
  padding-right: 0 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .actions.final-hidden,
:where(html[data-chekku-page="waste-analysis-form"]) .photo-block.final-hidden {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .actions:not(.final-hidden) #submitBtn:disabled {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .actions:not(.final-hidden) #submitBtn.ready {
  display: inline-flex !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .qty-btn,
:where(html[data-chekku-page="waste-analysis-form"]) .defect-card button {
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
}

:where(html[data-chekku-page="waste-analysis-form"]) select[data-native-guided-select="1"] {
  width: 100% !important;
  min-height: 48px !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  padding: 0.78rem 0.95rem !important;
  border-radius: var(--radius-control) !important;
  border: 1px solid rgba(53,92,125,.16) !important;
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  font-family: var(--font-ui) !important;
  font-size: .96rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) select[data-native-guided-select="1"]:focus {
  outline: none !important;
  border-color: rgba(53,92,125,.38) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field.is-missing select[data-native-guided-select="1"] {
  border-color: rgba(217,45,32,.72) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .field.is-complete select[data-native-guided-select="1"] {
  border-color: rgba(31,143,95,.42) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .defect-card button,
:where(html[data-chekku-page="waste-analysis-form"]) .qty-btn,
:where(html[data-chekku-page="waste-analysis-form"]) button[onclick*="adjustDefect"] {
  touch-action: manipulation !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) button.is-long-pressing {
  transform: scale(.96) !important;
  filter: brightness(.96) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .final-hidden {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #submitBtn.ready {
  display: inline-flex !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #defectsWrap.allocation-complete .defect-card:not(.selected),
:where(html[data-chekku-page="waste-analysis-form"]) #defectsWrap.allocation-complete .defect-card[data-selected="0"] {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #defectsWrap.allocation-complete .defect-cards {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #defectsWrap.allocation-complete .defects-sub {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) #defectsWrap.allocation-complete .defects-title::after {
  content: " • Selected defects";
  font-size: .78rem;
  font-weight: 600;
  color: var(--ck-legacy-success,#1F8F5F);
}

:where(html[data-chekku-page="waste-analysis-form"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="waste-analysis-form"]) header,
:where(html[data-chekku-page="waste-analysis-form"]) main,
:where(html[data-chekku-page="waste-analysis-form"]) .page-shell,
:where(html[data-chekku-page="waste-analysis-form"]) .content {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-form"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) body::before,
:where(html[data-chekku-page="waste-analysis-form"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .top-control-section {
  position: relative !important;
  margin-bottom: 18px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .topbar-main-row {
  gap: 18px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .brand-orb {
  flex: 0 0 106px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .brand-orb img {
  width: 106px !important;
  height: 106px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-kicker {
  gap: 8px !important;
  padding: 8px 12px !important;
  border-radius: var(--radius-card) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar h1 {
  margin: 8px 0 0 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .topbar-actions,
:where(html[data-chekku-page="waste-analysis-form"]) .topbar-pill-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .topbar-pill-row {
  justify-content: flex-start !important;
  margin-top: 14px !important;
  padding-left: 122px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .action-chip,
:where(html[data-chekku-page="waste-analysis-form"]) .back-btn {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .back-btn {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .topbar-reference-line {
  margin-top: 18px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .waste-entry-workspace {
  display: grid !important;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .waste-side-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 18px !important;
  z-index: 20 !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding-right: 2px !important;
  scrollbar-width: thin !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .waste-side-stack::-webkit-scrollbar {
  width: 6px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .waste-side-stack::-webkit-scrollbar-thumb {
  background: var(--color-surface) !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .waste-main-stack {
  min-width: 0 !important;
  display: block !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-intro-card,
:where(html[data-chekku-page="waste-analysis-form"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-intro-card {
  min-height: 250px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-intro-card h2,
:where(html[data-chekku-page="waste-analysis-form"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-step {
  align-items: flex-start !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .waste-main-stack > .panel {
  margin-top: 0 !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="waste-analysis-form"]) .waste-entry-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .waste-side-stack {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .side-intro-card {
  min-height: 220px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .topbar-pill-row {
  padding-left: 0 !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="waste-analysis-form"]) .page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .brand-orb {
  flex-basis: 76px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .brand-orb img {
  width: 76px !important;
  height: 76px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .waste-side-stack {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .topbar-actions,
:where(html[data-chekku-page="waste-analysis-form"]) .topbar-pill-row {
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .chip {
  white-space: normal !important;
}
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-kicker {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar.top-control-section {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar.top-control-section::before,
:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar.top-control-section::after {
  content: none !important;
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 0 !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .brand-orb {
  flex: 0 0 132px !important;
  display: grid !important;
  place-items: center !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .brand-orb img {
  width: 132px !important;
  height: 132px !important;
  object-fit: contain !important;
  display: block !important;
  filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar h1,
:where(html[data-chekku-page="waste-analysis-form"]) .brand-cluster h1 {
  margin: 3px 0 0 !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .topbar-actions,
:where(html[data-chekku-page="waste-analysis-form"]) .topbar-actions.primary-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar .chip,
:where(html[data-chekku-page="waste-analysis-form"]) .topbar-actions .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
  font-family: var(--font-ui) !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar .action-chip,
:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar .back-btn {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 14px !important;
}

@media (max-width:780px) {
:where(html[data-chekku-page="waste-analysis-form"]) .topbar-main-row {
  flex-direction: column !important;
  align-items: flex-start !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .topbar-actions {
  width: 100% !important;
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar .chip,
:where(html[data-chekku-page="waste-analysis-form"]) .topbar-actions .chip {
  flex: 1 1 auto !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .brand-orb {
  flex-basis: 66px !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .brand-orb img {
  width: 66px !important;
  height: 66px !important;
}
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar .action-chip,
:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar a.action-chip[href="records.php"] {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar .action-chip:hover,
:where(html[data-chekku-page="waste-analysis-form"]) .app-topbar a.action-chip[href="records.php"]:hover {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  transform: none;
}

/* MODULE: waste_analysis/records.php */

:root:where(html[data-chekku-page="waste-analysis-records"]) {
  --border: rgba(108,91,123,.14);
  --border-soft: rgba(18,16,28,.08);
  --bg-start: #F0E7FF;
  --bg-mid: #F8F2FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.84);
  --good: #2E7D32;
  --warn: #B76E00;
  --info: #2458A6;
  --danger: #B42318;
}

:where(html[data-chekku-page="waste-analysis-records"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="waste-analysis-records"]),
:where(html[data-chekku-page="waste-analysis-records"]) body {
  height: 100%;
}

html:where(html[data-chekku-page="waste-analysis-records"]),
:where(html[data-chekku-page="waste-analysis-records"]) body {
  overflow-x: hidden;
}

:where(html[data-chekku-page="waste-analysis-records"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
}

:where(html[data-chekku-page="waste-analysis-records"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  overflow-x: hidden;
}

:where(html[data-chekku-page="waste-analysis-records"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
  white-space: nowrap;
  transition: background .15s ease,color .15s ease,transform .04s ease;
}

:where(html[data-chekku-page="waste-analysis-records"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="waste-analysis-records"]) .sidebar a:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="waste-analysis-records"]) .sidebar a.active {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="waste-analysis-records"]) .sidebar-logo {
  display: block;
  width: 190px;
  margin: 20px auto 22px;
  filter: none;
  opacity: .95;
}

:where(html[data-chekku-page="waste-analysis-records"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="waste-analysis-records"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="waste-analysis-records"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .95rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-records"]) .page-shell {
  padding: 22px 0 26px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px 26px 22px;
  margin-bottom: 18px;
  isolation: isolate;
  min-height: 320px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-mascot {
  position: absolute;
  left: 8px;
  bottom: -2px;
  width: min(28vw, 320px);
  max-width: 320px;
  min-width: 200px;
  z-index: 0;
  pointer-events: none;
  opacity: .99;
  filter: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-mascot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-records"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-grid {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 920px;
  padding-left: 6px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-copy h1 {
  margin: 0;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-copy p {
  margin: 0;
  max-width: 760px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="waste-analysis-records"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-size: .9rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#3A2759);
  backdrop-filter: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-summary {
  position: relative;
  z-index: 2;
  margin-top: 18px;
  margin-left: 318px;
  display: grid;
  gap: 14px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-summary.is-admin {
  grid-template-columns: repeat(4,minmax(0,1fr));
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-summary.is-user {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-stat {
  position: relative;
  overflow: hidden;
  min-width: 0;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-card);
  padding: 16px 16px 15px;
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-stat::after {
  content: none !important;
  position: absolute;
  right: -26px;
  top: -26px;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-stat-icon {
  display: grid;
  place-items: center;
  font-size: 1.05rem;
  box-shadow: none;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-stat-label {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-stat-value {
  margin-top: 6px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-stat-sub {
  margin-top: 7px;
  color: var(--muted);
  font-weight: 600;
  font-size: .86rem;
  line-height: 1.35;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-records"]) .panel {
  overflow: hidden;
}

:where(html[data-chekku-page="waste-analysis-records"]) .panel + .panel {
  margin-top: 16px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-records"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-records"]) .panel-chip {
  padding: 9px 12px;
  border-radius: var(--radius-control);
  background: var(--ck-legacy-blue-soft,#F6EEFF);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-records"]) .latest-order-chip {
  border-radius: var(--radius-control) !important;
  padding: 6px 9px !important;
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .72rem !important;
  line-height: 1 !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.12) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .inspector-chips {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="waste-analysis-records"]) .inspector-chip {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 150px;
  padding: 12px 14px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .inspector-chip.is-top {
  padding-top: 44px;
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.3);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .inspector-name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-records"]) .inspector-name-row strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-records"]) .inspector-chip strong {
  font-size: .98rem;
  color: var(--ck-legacy-accent,#2A1A4E);
}

:where(html[data-chekku-page="waste-analysis-records"]) .inspector-chip span {
  color: var(--muted);
  font-weight: 600;
  font-size: .85rem;
}

:where(html[data-chekku-page="waste-analysis-records"]) .crown-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--ck-legacy-warning,#7A3F00);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.28);
  font-size: .76rem;
  font-weight: 600;
  box-shadow: none;
  line-height: 1;
}

:where(html[data-chekku-page="waste-analysis-records"]) .crown-inline {
  display: inline-grid;
  place-items: center;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-warning-soft,#fff4d6);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,246,114,128),0.22);
  box-shadow: none;
  font-size: .9rem;
}

:where(html[data-chekku-page="waste-analysis-records"]) .inspector-chip .avg-time {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px dashed rgba(var(--ck-legacy-line-rgb,108,91,123),0.18);
  color: var(--chekku-primary-700);
  font-weight: 600;
  font-size: .82rem;
  line-height: 1.25;
}

:where(html[data-chekku-page="waste-analysis-records"]) .table-scroll {
  overflow: auto;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-records"]) table.records-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 1180px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-table th,
:where(html[data-chekku-page="waste-analysis-records"]) .records-table td {
  padding: 12px 14px;
  font-size: .94rem;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,0,0,0),0.06);
  vertical-align: top;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-table thead th {
  position: sticky;
  top: 0;
  background: var(--ck-legacy-blue-soft,#faf6ff);
  color: var(--color-purple);
  font-weight: 600;
  z-index: 2;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-table tbody tr:hover {
  background: var(--ck-legacy-blue-soft,#fcfbff);
}

:where(html[data-chekku-page="waste-analysis-records"]) .muted-cell {
  color: var(--muted);
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-records"]) .time-pill,
:where(html[data-chekku-page="waste-analysis-records"]) .good-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  font-weight: 600;
  font-size: .84rem;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-records"]) .time-pill {
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--ck-legacy-accent,#5A2B84);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
}

:where(html[data-chekku-page="waste-analysis-records"]) .good-pill.good {
  background: var(--ck-legacy-success-soft,#EAF9F1);
  color: var(--ck-legacy-success,#1F8F5F);
  border: 1px solid rgba(31,143,95,.16);
}

:where(html[data-chekku-page="waste-analysis-records"]) .good-pill.mid {
  background: var(--ck-legacy-warning-soft,#FFF6E7);
  color: var(--ck-legacy-warning,#B76E00);
  border: 1px solid rgba(183,110,0,.16);
}

:where(html[data-chekku-page="waste-analysis-records"]) .good-pill.low {
  background: var(--ck-legacy-danger-soft,#FFF1F1);
  color: var(--ck-legacy-danger,#B42318);
  border: 1px solid rgba(180,35,24,.16);
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 200px;
  max-width: 300px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-summary-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-control);
  padding: 8px 11px;
  font-size: .83rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  appearance: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--ck-legacy-accent,#5A2B84);
  cursor: pointer;
  box-shadow: none;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-summary-btn:hover {
  background: var(--ck-legacy-blue-soft,#efe2ff);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-summary-btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="waste-analysis-records"]) .photos-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 120px;
  align-items: center;
}

:where(html[data-chekku-page="waste-analysis-records"]) .photo-thumb-btn {
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}

:where(html[data-chekku-page="waste-analysis-records"]) .photo-more-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 32px;
  padding: 0 9px;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  color: var(--color-blue-deep);
  border: 1px solid rgba(53,92,125,.14);
  font-size: .78rem;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-records"]) .photo-thumb {
  width: 58px;
  height: 58px;
  object-fit: cover;
  cursor: pointer;
  border-radius: var(--radius-card);
  transition: transform .12s ease, box-shadow .18s ease;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.1);
  box-shadow: none;
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-records"]) .photo-thumb:hover {
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .photo-thumb-missing {
  opacity: .45;
  object-fit: contain;
  background: var(--ck-legacy-blue-soft,#F3F4F6);
}

:where(html[data-chekku-page="waste-analysis-records"]) .actions-cell {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

:where(html[data-chekku-page="waste-analysis-records"]) .actions-cell form {
  display: inline;
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,0,0,0),0.08);
  cursor: pointer;
  text-decoration: none;
  box-shadow: none;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease;
}

:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn .material-symbols-rounded {
  font-size: 18px;
  line-height: 1;
}

:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn.edit:hover {
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn.del .material-symbols-rounded {
  color: var(--color-ink);
}

:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn.del:hover {
  filter: brightness(.95);
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: 520px;
  max-width: min(92vw,560px);
  transform: translateX(110%);
  transition: transform .28s ease;
  z-index: 1400;
  display: flex;
  flex-direction: column;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-drawer.open {
  transform: translateX(0);
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
  z-index: 1390;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-drawer header {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 12px 16px;
  background: var(--color-surface);
  border-bottom: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-drawer header .title {
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-drawer header .subtitle {
  font-size: .9rem;
  color: var(--muted);
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-drawer .drawer-body {
  padding: 14px 16px;
  overflow: auto;
  flex: 1;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-drawer .drawer-footer {
  position: sticky;
  bottom: 0;
  padding: 12px 16px;
  display: flex;
  gap: .6rem;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px dashed rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-records"]) .quick-chips {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: .75rem;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  background: var(--ck-legacy-blue-soft,#f7f2ff);
  color: var(--ck-legacy-accent,#5a2b84);
  padding: .42rem .72rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  font-size: .85rem;
  cursor: pointer;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip-reset {
  background: var(--color-surface);
  color: var(--ck-legacy-danger,#b00020);
  border-color: var(--ck-legacy-line,#f1c9cf);
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(220px,1fr));
  gap: 1rem;
}

:where(html[data-chekku-page="waste-analysis-records"]) .input-group label {
  display: block;
  font-weight: 600;
  color: var(--color-purple);
  margin-bottom: .35rem;
}

:where(html[data-chekku-page="waste-analysis-records"]) .input-wrap input[type="date"],
:where(html[data-chekku-page="waste-analysis-records"]) .input-wrap input[type="time"],
:where(html[data-chekku-page="waste-analysis-records"]) .input-wrap input[type="number"],
:where(html[data-chekku-page="waste-analysis-records"]) .input-wrap input[type="text"],
:where(html[data-chekku-page="waste-analysis-records"]) .input-wrap select,
:where(html[data-chekku-page="waste-analysis-records"]) .select2-container--default .select2-selection--multiple {
  width: 100%;
  min-height: 44px;
  padding: .55rem .7rem;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.12);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#1E1B2A);
  font-weight: 600;
  font-size: .95rem;
  outline: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .select2-container {
  width: 100% !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .select2-container--default .select2-selection--multiple {
  height: auto !important;
  padding: 6px 8px !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: var(--radius-control) !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn {
  appearance: none;
  border: none;
  border-radius: var(--radius-control);
  padding: .78rem 1rem;
  font-weight: 600;
  font-size: .92rem;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .18s ease, background .18s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-primary {
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
  border: 1px solid rgba(74,20,140,.22);
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--color-purple);
  border: 1px solid var(--ck-legacy-line,#e7dff5);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-ghost:hover {
  background: var(--ck-legacy-blue-soft,#faf6ff);
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-danger {
  color: #fff;
  background: var(--color-surface);
  box-shadow: none;
  border: 1px solid rgba(180,35,24,.22);
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-danger:hover {
  filter: brightness(.98);
}

:where(html[data-chekku-page="waste-analysis-records"]) .table-pagination-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
}

:where(html[data-chekku-page="waste-analysis-records"]) .table-pagination-meta {
  color: var(--muted);
  font-weight: 600;
  font-size: .95rem;
}

:where(html[data-chekku-page="waste-analysis-records"]) .pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="waste-analysis-records"]) .page-link,
:where(html[data-chekku-page="waste-analysis-records"]) .page-ellipsis {
  min-width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: var(--radius-card);
  font-weight: 600;
  text-decoration: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .page-link {
  color: var(--chekku-primary-700);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  box-shadow: none;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

:where(html[data-chekku-page="waste-analysis-records"]) .page-link:hover {
  transform: none;
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.24);
}

:where(html[data-chekku-page="waste-analysis-records"]) .page-link.is-active {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: transparent;
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .page-link.is-disabled {
  pointer-events: none;
  opacity: .45;
}

:where(html[data-chekku-page="waste-analysis-records"]) .page-ellipsis {
  color: var(--muted);
}

:where(html[data-chekku-page="waste-analysis-records"]) .empty-state {
  display: grid;
  place-items: center;
  padding: 46px 18px;
  text-align: center;
}

:where(html[data-chekku-page="waste-analysis-records"]) .empty-card {
  width: min(520px, 100%);
  padding: 28px 22px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .empty-icon {
  font-size: 2rem;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .empty-title {
  margin: 0 0 6px;
  color: var(--ck-legacy-accent,#2A1A4E);
  font-size: 1.15rem;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-records"]) .empty-sub {
  margin: 0;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.55;
}

:where(html[data-chekku-page="waste-analysis-records"]) .empty-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.85);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .modal img {
  max-height: 80vh;
  max-width: 90vw;
  border-radius: var(--radius-card);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .modal .close {
  position: absolute;
  top: 16px;
  right: 24px;
  font-size: 32px;
  color: var(--color-ink);
  cursor: pointer;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(16,12,40,.55);
  backdrop-filter: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-card {
  width: min(560px, 96vw);
  max-height: min(82vh, 760px);
  overflow: auto;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-head {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 18px 18px 14px;
  background: var(--color-surface);
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  border-radius: var(--radius-card) var(--radius-card) 0 0;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-title {
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-sub {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 600;
  font-size: .9rem;
  line-height: 1.4;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-close {
  appearance: none;
  border: none;
  width: 40px;
  height: 40px;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-body {
  padding: 16px 18px 18px;
  display: grid;
  gap: 10px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-row strong {
  color: var(--ck-legacy-accent,#2A1A4E);
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.3;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-row span {
  color: var(--muted);
  font-weight: 600;
  font-size: .92rem;
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10020;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(16,12,40,.46);
  backdrop-filter: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal.show {
  display: flex;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-card {
  width: min(460px, 94vw);
  overflow: hidden;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 12px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  background: var(--color-surface);
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-title {
  margin: 0;
  color: var(--color-purple);
  font-size: 1.08rem;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-sub {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 600;
  font-size: .92rem;
  line-height: 1.45;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-close {
  appearance: none;
  border: none;
  width: 40px;
  height: 40px;
  font-size: 1.15rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-body {
  padding: 18px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-warning {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-warning-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  color: var(--ck-legacy-danger,#B42318);
  border: 1px solid rgba(180,35,24,.14);
  font-size: 1.15rem;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-warning-text {
  min-width: 0;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-warning-text strong {
  display: block;
  color: var(--ck-legacy-accent,#2A1A4E);
  font-size: .98rem;
  line-height: 1.35;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-warning-text span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.5;
  word-break: break-word;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 0 18px 18px;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="waste-analysis-records"]) .hero-summary.is-admin,
:where(html[data-chekku-page="waste-analysis-records"]) .hero-summary.is-user {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="waste-analysis-records"]) .hero-summary {
  margin-left: 0;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero {
  min-height: auto;
  padding-bottom: 20px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-mascot {
  width: 210px;
  left: -14px;
  bottom: -2px;
  opacity: .22;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-summary.is-admin,
:where(html[data-chekku-page="waste-analysis-records"]) .hero-summary.is-user {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:900px) {
:where(html[data-chekku-page="waste-analysis-records"]) .filters-grid {
  grid-template-columns: 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="waste-analysis-records"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero {
  padding: 20px 16px 18px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-top,
:where(html[data-chekku-page="waste-analysis-records"]) .panel-head {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-mascot {
  width: 170px;
  left: -22px;
  bottom: -4px;
  opacity: .16;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-copy {
  padding-left: 0;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-summary.is-admin,
:where(html[data-chekku-page="waste-analysis-records"]) .hero-summary.is-user {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-actions .btn {
  width: 100%;
}

:where(html[data-chekku-page="waste-analysis-records"]) .empty-actions {
  flex-direction: column;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-footer {
  flex-direction: column-reverse;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-footer .btn {
  width: 100%;
}
}

:root:where(html[data-chekku-page="waste-analysis-records"]) {
  --border: rgba(53,92,125,.14) !important;
  --border-soft: rgba(39,58,77,.08) !important;
  --bg-start: var(--color-ink) !important;
  --bg-mid: var(--color-blue-deep) !important;
  --bg-end: var(--color-peach-soft) !important;
  --glass: rgba(255,255,255,.66) !important;
  --good: #1F8F5F !important;
  --warn: #8A5200 !important;
  --info: var(--color-blue) !important;
  --danger: #B42318 !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) body {
  color: var(--text) !important;
  background-size: cover !important;
  position: relative !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="waste-analysis-records"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="waste-analysis-records"]) .page-shell,
:where(html[data-chekku-page="waste-analysis-records"]) header,
:where(html[data-chekku-page="waste-analysis-records"]) main {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .toggle-btn,
:where(html[data-chekku-page="waste-analysis-records"]) .nav-toggle {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .sidebar a {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .sidebar a:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .sidebar a.active,
:where(html[data-chekku-page="waste-analysis-records"]) .sidebar a[aria-current="page"] {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .sb-backdrop,
:where(html[data-chekku-page="waste-analysis-records"]) .filters-backdrop,
:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal,
:where(html[data-chekku-page="waste-analysis-records"]) .modal {
  background: rgba(39,58,77,.48) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .sidebar-logo,
:where(html[data-chekku-page="waste-analysis-records"]) .sidebar-footer {
  display: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero::before {
  background: var(--color-surface) !important;
  width: 320px !important;
  height: 320px !important;
  right: -120px !important;
  top: -140px !important;
  left: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-mascot {
  filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .eyebrow,
:where(html[data-chekku-page="waste-analysis-records"]) .panel-chip {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-copy h1,
:where(html[data-chekku-page="waste-analysis-records"]) .panel-title,
:where(html[data-chekku-page="waste-analysis-records"]) .input-group label,
:where(html[data-chekku-page="waste-analysis-records"]) .filters-drawer header .title,
:where(html[data-chekku-page="waste-analysis-records"]) .empty-title,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-title,
:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-title,
:where(html[data-chekku-page="waste-analysis-records"]) .hero-stat-value,
:where(html[data-chekku-page="waste-analysis-records"]) .inspector-chip strong,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-row strong,
:where(html[data-chekku-page="waste-analysis-records"]) .delete-warning-text strong {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-copy p,
:where(html[data-chekku-page="waste-analysis-records"]) .panel-sub,
:where(html[data-chekku-page="waste-analysis-records"]) .meta-pill,
:where(html[data-chekku-page="waste-analysis-records"]) .hero-stat-label,
:where(html[data-chekku-page="waste-analysis-records"]) .hero-stat-sub,
:where(html[data-chekku-page="waste-analysis-records"]) .inspector-chip span,
:where(html[data-chekku-page="waste-analysis-records"]) .table-pagination-meta,
:where(html[data-chekku-page="waste-analysis-records"]) .empty-sub,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-sub,
:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-sub,
:where(html[data-chekku-page="waste-analysis-records"]) .delete-warning-text span,
:where(html[data-chekku-page="waste-analysis-records"]) .filters-drawer header .subtitle {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .meta-pill,
:where(html[data-chekku-page="waste-analysis-records"]) .hero-stat,
:where(html[data-chekku-page="waste-analysis-records"]) .inspector-chip,
:where(html[data-chekku-page="waste-analysis-records"]) .time-pill,
:where(html[data-chekku-page="waste-analysis-records"]) .good-pill,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-summary-btn,
:where(html[data-chekku-page="waste-analysis-records"]) .empty-card,
:where(html[data-chekku-page="waste-analysis-records"]) .delete-warning,
:where(html[data-chekku-page="waste-analysis-records"]) .page-link {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-stat-icon,
:where(html[data-chekku-page="waste-analysis-records"]) .empty-icon,
:where(html[data-chekku-page="waste-analysis-records"]) .delete-warning-icon {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-drawer header,
:where(html[data-chekku-page="waste-analysis-records"]) .filters-drawer .drawer-footer,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-head,
:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-head {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .inspector-chip.is-top {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.28) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .crown-badge,
:where(html[data-chekku-page="waste-analysis-records"]) .crown-inline {
  background: var(--color-surface) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.22) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .inspector-chip .avg-time {
  border-top-color: rgba(53,92,125,.16) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .table-scroll {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) table.records-table {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-table thead th {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.96) !important;
  color: var(--chekku-primary-700) !important;
  border-bottom: 1px solid rgba(53,92,125,.12) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-table tbody tr {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-table tbody tr:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.46) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-table th,
:where(html[data-chekku-page="waste-analysis-records"]) .records-table td {
  border-bottom: 1px solid rgba(39,58,77,.06) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .good-pill.low {
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .time-pill {
  background: var(--color-blue-soft) !important;
  color: var(--color-blue) !important;
  border-color: rgba(53,92,125,.16) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-summary-btn:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .page-link:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .btn-ghost:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92) !important;
  border-color: rgba(53,92,125,.18) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .photo-thumb {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.74) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn.edit {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn.del,
:where(html[data-chekku-page="waste-analysis-records"]) .btn-danger {
  color: #fff !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip-reset {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .input-wrap input[type="date"],
:where(html[data-chekku-page="waste-analysis-records"]) .input-wrap input[type="time"],
:where(html[data-chekku-page="waste-analysis-records"]) .input-wrap input[type="number"],
:where(html[data-chekku-page="waste-analysis-records"]) .input-wrap input[type="text"],
:where(html[data-chekku-page="waste-analysis-records"]) .input-wrap select,
:where(html[data-chekku-page="waste-analysis-records"]) .select2-container--default .select2-selection--multiple {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .input-wrap input:focus,
:where(html[data-chekku-page="waste-analysis-records"]) .input-wrap select:focus,
:where(html[data-chekku-page="waste-analysis-records"]) .select2-container--focus .select2-selection--multiple {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .select2-dropdown {
  border: 1px solid rgba(53,92,125,.14) !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--ck-solid-blue,var(--chekku-primary)) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: var(--color-blue-soft) !important;
  border: 1px solid rgba(53,92,125,.16) !important;
  color: var(--color-blue) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-primary,
:where(html[data-chekku-page="waste-analysis-records"]) .page-link.is-active {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-ghost,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-close,
:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-close {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .page-link.is-disabled {
  opacity: .46 !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-row {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-row span {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .delete-warning-icon {
  color: var(--ck-legacy-danger,#B42318) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .modal img {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.32) !important;
  box-shadow: none !important;
}

@media (max-width:760px) {

}

:where(html[data-chekku-page="waste-analysis-records"]) .btn,
:where(html[data-chekku-page="waste-analysis-records"]) button.btn,
:where(html[data-chekku-page="waste-analysis-records"]) a.btn,
:where(html[data-chekku-page="waste-analysis-records"]) .filters-toggle,
:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-summary-btn,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-close,
:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-close,
:where(html[data-chekku-page="waste-analysis-records"]) .page-link,
:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn,
:where(html[data-chekku-page="waste-analysis-records"]) .drawer-footer .btn,
:where(html[data-chekku-page="waste-analysis-records"]) button[type="submit"].btn,
:where(html[data-chekku-page="waste-analysis-records"]) button[type="button"].btn {
  min-height: 44px !important;
  border-radius: var(--radius-control) !important;
  border: 1px solid rgba(53,92,125,.18) !important;
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  letter-spacing: .005em !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: transform .08s ease,
        box-shadow .18s ease,
        background .18s ease,
        border-color .18s ease,
        color .18s ease !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn:hover,
:where(html[data-chekku-page="waste-analysis-records"]) button.btn:hover,
:where(html[data-chekku-page="waste-analysis-records"]) a.btn:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .filters-toggle:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-summary-btn:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-modal-close:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .delete-modal-close:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .page-link:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .drawer-footer .btn:hover {
  transform: none !important;
  background: var(--color-surface) !important;
  border-color: rgba(53,92,125,.26) !important;
  box-shadow: none !important;
  color: var(--color-ink) !important;
  filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn:active,
:where(html[data-chekku-page="waste-analysis-records"]) button.btn:active,
:where(html[data-chekku-page="waste-analysis-records"]) a.btn:active,
:where(html[data-chekku-page="waste-analysis-records"]) .filters-toggle:active,
:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip:active,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-summary-btn:active,
:where(html[data-chekku-page="waste-analysis-records"]) .page-link:active,
:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn:active {
  transform: translateY(0) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-primary,
:where(html[data-chekku-page="waste-analysis-records"]) .filters-toggle-primary,
:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip.active,
:where(html[data-chekku-page="waste-analysis-records"]) .page-link.is-active,
:where(html[data-chekku-page="waste-analysis-records"]) .drawer-footer button[type="submit"],
:where(html[data-chekku-page="waste-analysis-records"]) .drawer-footer .btn-primary,
:where(html[data-chekku-page="waste-analysis-records"]) button.btn-primary,
:where(html[data-chekku-page="waste-analysis-records"]) a.btn-primary {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.28) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-primary:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .filters-toggle-primary:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip.active:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .page-link.is-active:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .drawer-footer button[type="submit"]:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .drawer-footer .btn-primary:hover,
:where(html[data-chekku-page="waste-analysis-records"]) button.btn-primary:hover,
:where(html[data-chekku-page="waste-analysis-records"]) a.btn-primary:hover {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-ghost,
:where(html[data-chekku-page="waste-analysis-records"]) a.btn-ghost,
:where(html[data-chekku-page="waste-analysis-records"]) button.btn-ghost,
:where(html[data-chekku-page="waste-analysis-records"]) .drawer-footer .btn-ghost {
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
  border-color: rgba(53,92,125,.18) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-danger,
:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip-reset,
:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn.del,
:where(html[data-chekku-page="waste-analysis-records"]) button.btn-danger,
:where(html[data-chekku-page="waste-analysis-records"]) a.btn-danger {
  color: #fff !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.28) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-danger:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip-reset:hover,
:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn.del:hover,
:where(html[data-chekku-page="waste-analysis-records"]) button.btn-danger:hover,
:where(html[data-chekku-page="waste-analysis-records"]) a.btn-danger:hover {
  color: #fff !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.34) !important;
  box-shadow: none !important;
  filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn {
  width: 42px !important;
  height: 42px !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn.edit:hover {
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn.del .material-symbols-rounded {
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .hero-actions .btn,
:where(html[data-chekku-page="waste-analysis-records"]) .panel-head .btn,
:where(html[data-chekku-page="waste-analysis-records"]) .panel-actions .btn,
:where(html[data-chekku-page="waste-analysis-records"]) .panel-actions .filters-toggle {
  min-height: 46px !important;
  padding: .78rem 1rem !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip {
  min-height: 38px !important;
  padding: .5rem .78rem !important;
  border-radius: var(--radius-control) !important;
  font-size: .86rem !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .defects-summary-btn,
:where(html[data-chekku-page="waste-analysis-records"]) .time-pill,
:where(html[data-chekku-page="waste-analysis-records"]) .good-pill {
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
  border: 1px solid rgba(53,92,125,.18) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .good-pill.good {
  background: var(--ck-legacy-success-soft,#EAF9F1) !important;
  color: var(--ck-legacy-success,#1F8F5F) !important;
  border-color: rgba(31,143,95,.16) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .good-pill.mid {
  background: var(--color-peach-soft) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.18) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .good-pill.low {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.16) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .drawer-footer {
  gap: .7rem !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .drawer-footer .btn {
  min-height: 46px !important;
  padding: .78rem 1rem !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn .material-symbols-rounded,
:where(html[data-chekku-page="waste-analysis-records"]) .filters-toggle .material-symbols-rounded,
:where(html[data-chekku-page="waste-analysis-records"]) .icon-btn .material-symbols-rounded,
:where(html[data-chekku-page="waste-analysis-records"]) .defects-summary-btn .material-symbols-rounded {
  font-size: 1.15rem !important;
  line-height: 1 !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .page-link {
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="waste-analysis-records"]) header,
:where(html[data-chekku-page="waste-analysis-records"]) main,
:where(html[data-chekku-page="waste-analysis-records"]) .page-shell,
:where(html[data-chekku-page="waste-analysis-records"]) .content {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) body::before,
:where(html[data-chekku-page="waste-analysis-records"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-workspace {
  display: grid;
  grid-template-columns: 310px minmax(0,1fr);
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-side {
  position: sticky;
  top: 14px;
  max-height: calc(100vh - 28px);
  overflow: auto;
  display: grid;
  gap: 14px;
  padding-right: 2px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-side::-webkit-scrollbar {
  width: 7px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-side::-webkit-scrollbar-thumb {
  background: rgba(53,92,125,.20);
  border-radius: var(--radius-card);
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-card {
  position: relative;
  overflow: hidden;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 10px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-card-title span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 9px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.12);
  white-space: nowrap;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-copy {
  margin: 0;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-list {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-line {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.10);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-line span {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-line strong {
  color: var(--color-blue-deep);
  font-size: .88rem;
  font-weight: 600;
  text-align: right;
  line-height: 1.3;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-jumps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 12px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-jump {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 10px 11px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--color-blue-deep);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.12);
  box-shadow: none;
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-jump:hover {
  background: var(--color-surface);
  transform: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-jump.is-active {
  color: var(--color-ink);
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.28);
  box-shadow: none;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-actions {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-action-btn {
  width: 100%;
  min-height: 44px;
  border-radius: var(--radius-control);
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-accent,
:where(html[data-chekku-page="waste-analysis-records"]) a.btn-accent,
:where(html[data-chekku-page="waste-analysis-records"]) button.btn-accent {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .btn-accent:hover,
:where(html[data-chekku-page="waste-analysis-records"]) a.btn-accent:hover,
:where(html[data-chekku-page="waste-analysis-records"]) button.btn-accent:hover {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-main {
  min-width: 0;
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-main > .panel {
  margin-top: 0 !important;
}

@media (max-width:1040px) {
:where(html[data-chekku-page="waste-analysis-records"]) .records-workspace {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-side {
  position: relative;
  top: auto;
  max-height: none;
  overflow: visible;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="waste-analysis-records"]) .records-side {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-jumps {
  grid-template-columns: 1fr;
}
}

:where(html[data-chekku-page="waste-analysis-records"]) .brand-orb {
  flex: 0 0 106px !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .brand-orb img {
  width: 106px !important;
  height: 106px !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .app-kicker {
  gap: 8px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .app-topbar h1 {
  margin: 8px 0 0 !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) button.chip {
  appearance: none !important;
  cursor: pointer !important;
  font-family: var(--font-ui) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .action-chip,
:where(html[data-chekku-page="waste-analysis-records"]) .filter-chip-top {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .back-btn {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .topbar-actions .user-chip,
:where(html[data-chekku-page="waste-analysis-records"]) .topbar-actions .back-btn {
  min-width: 150px !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  border-radius: var(--radius-control) !important;
  font-size: .86rem !important;
  line-height: 1 !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

@media (max-width:780px) {
:where(html[data-chekku-page="waste-analysis-records"]) .page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .brand-orb {
  flex-basis: 76px !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .brand-orb img {
  width: 76px !important;
  height: 76px !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .topbar-actions {
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .chip {
  white-space: normal !important;
}
}

:where(html[data-chekku-page="waste-analysis-records"]) .top-control-section {
  position: relative !important;
  margin-bottom: 18px !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .app-topbar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .brand-orb {
  flex: 0 0 132px !important;
  display: grid !important;
  place-items: center !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .brand-orb img {
  width: 132px !important;
  height: 132px !important;
  object-fit: contain !important;
  filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .app-topbar h1 {
  margin: 3px 0 0 !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .topbar-actions,
:where(html[data-chekku-page="waste-analysis-records"]) .topbar-actions.primary-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .app-topbar .chip,
:where(html[data-chekku-page="waste-analysis-records"]) .topbar-actions .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
  font-family: var(--font-ui) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .app-topbar button.chip {
  appearance: none !important;
  cursor: pointer !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .app-topbar .back-btn,
:where(html[data-chekku-page="waste-analysis-records"]) .app-topbar .filter-chip-top {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-jump,
:where(html[data-chekku-page="waste-analysis-records"]) .rail-kicker,
:where(html[data-chekku-page="waste-analysis-records"]) .active-filter-chip,
:where(html[data-chekku-page="waste-analysis-records"]) .toolbar-badge,
:where(html[data-chekku-page="waste-analysis-records"]) .metric-pill,
:where(html[data-chekku-page="waste-analysis-records"]) .date-pill,
:where(html[data-chekku-page="waste-analysis-records"]) .time-pill,
:where(html[data-chekku-page="waste-analysis-records"]) .photo-pill,
:where(html[data-chekku-page="waste-analysis-records"]) .latest-order-chip {
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-jump {
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .rail-jump.is-active {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.36) !important;
  box-shadow: none !important;
}

@media (max-width:760px) {
:where(html[data-chekku-page="waste-analysis-records"]) .topbar-main-row {
  flex-direction: column !important;
  align-items: flex-start !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .topbar-actions,
:where(html[data-chekku-page="waste-analysis-records"]) .topbar-actions.primary-actions {
  width: 100% !important;
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .app-topbar .chip,
:where(html[data-chekku-page="waste-analysis-records"]) .topbar-actions .chip {
  white-space: normal !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .brand-orb,
:where(html[data-chekku-page="waste-analysis-records"]) .brand-orb img {
  width: 76px !important;
  height: 76px !important;
}

:where(html[data-chekku-page="waste-analysis-records"]) .brand-orb {
  flex-basis: 76px !important;
}
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-workspace.is-loading {
  position: relative;
  opacity: .58;
  pointer-events: none;
  transition: opacity .16s ease;
}

:where(html[data-chekku-page="waste-analysis-records"]) .records-workspace.is-loading::after {
  content: "Updating records…";
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 3100;
  padding: 12px 16px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62);
  color: var(--color-blue-deep);
  font-weight: 600;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* MODULE: weight_analysis/dashboard.php */

:root:where(html[data-chekku-page="weight-analysis-dashboard"]) {
  --border: rgba(108,91,123,.14);
  --border-soft: rgba(18,16,28,.08);
  --bg-start: #F0E7FF;
  --bg-mid: #F8F2FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.84);
  --success: #1F8F5F;
  --success-bg: #EAF9F1;
  --danger: #B42318;
  --danger-bg: #FFF1F1;
  --warn: #B76E00;
  --warn-bg: #FFF6E7;
  --info: #2458A6;
  --info-bg: var(--color-blue-soft);
  --correct: #43A047;
  --under: #E53935;
  --over: var(--color-coral);
  --track: #EEE7F8;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="weight-analysis-dashboard"]),
:where(html[data-chekku-page="weight-analysis-dashboard"]) body {
  height: 100%;
}

html:where(html[data-chekku-page="weight-analysis-dashboard"]),
:where(html[data-chekku-page="weight-analysis-dashboard"]) body {
  overflow-x: hidden;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  overflow-x: hidden;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar .brand,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar header {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: 10px 12px 6px;
  font-weight: 600;
  color: var(--color-purple);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar nav,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar .nav,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style: none;
  margin: 8px 0 0;
  padding: 0 6px 12px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar li {
  list-style: none;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
  white-space: nowrap;
  transition: background .15s ease,color .15s ease,transform .04s ease;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar a:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar a.active {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar-logo {
  display: block;
  width: 190px;
  margin: 20px auto 22px;
  filter: none;
  opacity: .95;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .95rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  font-weight: 600;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .page-shell {
  padding: 22px 0 26px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px 26px;
  margin-bottom: 18px;
  isolation: isolate;
  min-height: 280px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  max-width: 100%;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  white-space: normal;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-grid {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-mascot {
  position: absolute;
  left: 2px;
  bottom: -8px;
  width: min(29vw, 310px);
  max-width: 310px;
  min-width: 200px;
  z-index: 0;
  pointer-events: none;
  opacity: .98;
  filter: none;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-mascot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 840px;
  padding-left: 6px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-copy h1 {
  margin: 0;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-copy p {
  margin: 0;
  max-width: 760px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  position: relative;
  z-index: 2;
  align-items: stretch;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-size: .9rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#3A2759);
  backdrop-filter: none;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.35;
  flex: 0 1 auto;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .meta-pill.meta-pill-wide {
  flex: 1 1 260px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .panel {
  overflow: hidden;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .panel + .panel {
  margin-top: 16px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .panel-chip {
  padding: 9px 12px;
  border-radius: var(--radius-control);
  background: var(--ck-legacy-blue-soft,#F6EEFF);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-grid {
  display: grid;
  grid-template-columns: 1.5fr .95fr;
  gap: 16px;
  align-items: stretch;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-card {
  position: relative;
  overflow: hidden;
  padding: 22px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-card::after {
  content: none !important;
  position: absolute;
  right: -36px;
  top: -36px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-size: .78rem;
  font-weight: 600;
  margin-bottom: 12px;
  max-width: 100%;
  white-space: normal;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-big-label {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .82rem;
  font-weight: 600;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-big-value {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-big-sub {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 600;
  font-size: .94rem;
  line-height: 1.45;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-side-stat {
  min-width: 170px;
  padding: 14px 16px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-side-stat .label {
  color: var(--muted);
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-side-stat .value {
  margin-top: 6px;
  font-size: 1.65rem;
  font-weight: 600;
  line-height: 1;
  color: var(--ck-legacy-accent,#291947);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-side-stat .sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .composition {
  display: grid;
  gap: 10px;
  margin-top: 2px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .composition-bar {
  width: 100%;
  height: 18px;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#EFEAF7);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.06);
  display: flex;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .seg {
  height: 100%;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .seg-correct {
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .seg-under {
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .seg-over {
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .composition-legend {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .legend-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .legend-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex: 0 0 12px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .legend-name {
  font-size: .9rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#261644);
  white-space: nowrap;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .legend-value {
  text-align: right;
  font-size: .88rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.2;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .dot-correct {
  background: var(--correct);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .dot-under {
  background: var(--under);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .dot-over {
  background: var(--over);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-side-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  height: 100%;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-summary {
  position: relative;
  overflow: hidden;
  padding: 18px;
  box-shadow: none;
  min-height: 150px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-summary::after {
  content: none !important;
  position: absolute;
  right: -30px;
  top: -30px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-icon {
  display: grid;
  place-items: center;
  font-size: 1.25rem;
  box-shadow: none;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-label {
  text-transform: uppercase;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-value {
  margin-top: 6px;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
  color: var(--ck-legacy-accent,#291947);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-sub {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 600;
  font-size: .9rem;
  line-height: 1.4;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-grid {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-column {
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-card {
  overflow: hidden;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-card-title {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-card-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-chip {
  padding: 8px 10px;
  border-radius: var(--radius-control);
  font-size: .78rem;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--chekku-primary-700);
  max-width: 100%;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-body {
  padding: 14px 16px 16px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .stack-list {
  display: grid;
  gap: 10px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .perf-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .perf-main {
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .perf-title {
  font-size: .95rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#261644);
  line-height: 1.35;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .perf-sub {
  margin-top: 3px;
  font-size: .84rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.35;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  font-weight: 600;
  font-size: .88rem;
  border: 1px solid transparent;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .badge-success {
  background: var(--success-bg);
  color: var(--success);
  border-color: rgba(31,143,95,.16);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .badge-danger {
  background: var(--danger-bg);
  color: var(--danger);
  border-color: rgba(180,35,24,.16);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .badge-warn {
  background: var(--warn-bg);
  color: var(--warn);
  border-color: rgba(183,110,0,.16);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .badge-info {
  background: var(--info-bg);
  color: var(--info);
  border-color: rgba(36,88,166,.16);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .two-up {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .metric-card {
  padding: 16px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .metric-label {
  color: var(--muted);
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .metric-value {
  margin-top: 6px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .metric-sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-grid {
  display: grid;
  gap: 10px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.07);
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-row strong {
  font-size: .94rem;
  color: var(--ck-legacy-accent,#261644);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-row span {
  color: var(--muted);
  font-weight: 600;
  font-size: .92rem;
  white-space: nowrap;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-card {
  padding: 13px 14px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-name {
  font-size: .94rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#261644);
  line-height: 1.35;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-sub {
  margin-top: 3px;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-value {
  text-align: right;
  white-space: nowrap;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-value strong {
  display: block;
  color: var(--ck-legacy-accent,#291947);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.1;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-value span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .progress-track {
  width: 100%;
  height: 12px;
  border-radius: var(--radius-card);
  background: var(--track);
  overflow: hidden;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.05);
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .progress-fill {
  height: 100%;
  border-radius: var(--radius-card);
  background: var(--ck-solid-blue,var(--color-blue));
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .muted-note {
  color: var(--muted);
  font-weight: 600;
  font-size: .92rem;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .charts-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .chart-card {
  min-height: 420px;
  display: flex;
  flex-direction: column;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .chart-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .chart-title {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .chart-sub {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 600;
  font-size: .9rem;
  line-height: 1.4;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .chart-canvas-wrap {
  position: relative;
  flex: 1;
  min-height: 320px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .chart-canvas-wrap canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .footer-space {
  height: 6px;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-grid,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-grid {
  grid-template-columns: 1fr;
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero {
  min-height: auto;
  padding-bottom: 22px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-mascot {
  width: 220px;
  left: -12px;
  bottom: -6px;
  opacity: .24;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .composition-legend,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-side-grid,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .two-up,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .charts-grid {
  grid-template-columns: 1fr 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="weight-analysis-dashboard"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-top {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-mascot {
  width: 180px;
  left: -24px;
  bottom: -6px;
  opacity: .18;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-copy {
  padding-left: 0;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .meta-pill,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .meta-pill.meta-pill-wide {
  width: 100%;
  flex: 1 1 100%;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-main {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-side-stat {
  min-width: 0;
  width: 100%;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .composition-legend,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-side-grid,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .two-up,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .charts-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .panel-head,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .chart-head,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-card-head,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-top {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-value {
  text-align: left;
}
}

:root:where(html[data-chekku-page="weight-analysis-dashboard"]) {
  --border: rgba(53,92,125,.14) !important;
  --border-soft: rgba(39,58,77,.08) !important;
  --bg-start: var(--color-ink) !important;
  --bg-mid: var(--color-blue-deep) !important;
  --bg-end: var(--color-peach-soft) !important;
  --glass: rgba(255,255,255,.66) !important;
  --track: rgba(53,92,125,.10) !important;
  --success: #1F8F5F !important;
  --success-bg: #EAF9F1 !important;
  --danger: #B42318 !important;
  --danger-bg: #FFF0F2 !important;
  --warn: #8A5200 !important;
  --warn-bg: var(--color-peach-soft) !important;
  --info: var(--color-blue) !important;
  --info-bg: var(--color-blue-soft) !important;
  --correct: #1F8F5F !important;
  --under: #E53935 !important;
  --over: var(--color-coral) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) body {
  color: var(--text) !important;
  background-size: cover !important;
  position: relative !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .page-shell,
:where(html[data-chekku-page="weight-analysis-dashboard"]) header,
:where(html[data-chekku-page="weight-analysis-dashboard"]) main {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .toggle-btn,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .nav-toggle {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar a {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar a:hover,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar a.active,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar a[aria-current="page"] {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar-logo,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .sidebar-footer {
  display: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero::before {
  background: var(--color-surface) !important;
  width: 320px !important;
  height: 320px !important;
  right: -120px !important;
  top: -140px !important;
  left: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-mascot {
  filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .eyebrow,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-kicker,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .panel-chip,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-chip {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-copy h1,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .panel-title,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-card-title,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .chart-title,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-big-value,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .metric-value,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-value,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .legend-value,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-row strong,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-value strong,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-name,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .perf-title {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .hero-copy p,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .panel-sub,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .meta-pill,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-big-label,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-big-sub,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-side-stat .label,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-side-stat .sub,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-label,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-sub,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-card-sub,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .perf-sub,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .metric-label,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .metric-sub,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-row span,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-sub,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-value span,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .chart-sub,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .muted-note,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .legend-name {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .meta-pill,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-side-stat,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .legend-chip,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-summary,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-card,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .metric-card,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-row,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .perf-row,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .shift-progress-card {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .board-card-head {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .exec-card::after,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-summary::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-icon,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .tone-green .mini-icon,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .tone-red .mini-icon,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .tone-orange .mini-icon,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .tone-blue .mini-icon {
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .composition-bar,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .progress-track {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.10) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .seg-correct {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .seg-under {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .seg-over {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .progress-fill {
  background: var(--ck-solid-blue,var(--color-blue)) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .dot-correct {
  background: var(--correct) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .dot-under {
  background: var(--under) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .dot-over {
  background: var(--over) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .badge-success {
  background: var(--ck-legacy-success-soft,#EAF9F1) !important;
  color: var(--ck-legacy-success,#1F8F5F) !important;
  border-color: rgba(31,143,95,.16) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .badge-danger {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.16) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .badge-warn {
  background: var(--color-peach-soft) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.18) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .badge-info {
  background: var(--color-blue-soft) !important;
  color: var(--color-blue) !important;
  border-color: rgba(53,92,125,.16) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .mini-badge {
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .chart-canvas-wrap {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.34) !important;
  border-radius: var(--radius-card) !important;
  padding: 10px !important;
}

@media (max-width:760px) {

}

:where(html[data-chekku-page="weight-analysis-dashboard"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) header,
:where(html[data-chekku-page="weight-analysis-dashboard"]) main,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .page-shell,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .content {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) body::before,
:where(html[data-chekku-page="weight-analysis-dashboard"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .top-control-section {
  position: relative !important;
  margin-bottom: 18px !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .app-topbar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .topbar-main-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .brand-orb {
  flex: 0 0 138px !important;
  display: grid !important;
  place-items: center !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .brand-orb img {
  width: 138px !important;
  height: 138px !important;
  object-fit: contain !important;
  filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .app-topbar h1,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .top-control-section h1 {
  margin: 8px 0 0 !important;
  background: transparent !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .topbar-actions,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .topbar-pill-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  line-height: 1.25 !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .chip-wide {
  white-space: normal !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .back-btn,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .action-chip {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-dashboard-workspace {
  display: grid !important;
  grid-template-columns: minmax(300px,.36fr) minmax(0,1.64fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-side-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 18px !important;
  z-index: 20 !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding-right: 2px !important;
  scrollbar-width: thin !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-side-stack::-webkit-scrollbar {
  width: 6px !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-side-stack::-webkit-scrollbar-thumb {
  background: var(--color-surface) !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-main-stack {
  min-width: 0 !important;
  display: block !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-main-stack > .panel:first-child {
  margin-top: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-intro-card,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-intro-card {
  min-height: 248px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-intro-card h2,
:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-chip.action-side {
  justify-content: center !important;
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-chip.action-side.orange {
  background: var(--color-surface) !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-dashboard-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-side-stack {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  max-height: none !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .side-intro-card {
  min-height: 220px !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-dashboard"]) .weight-side-stack {
  grid-template-columns: 1fr !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-dashboard"]) .brand-orb {
  flex-basis: 96px !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .brand-orb img {
  width: 96px !important;
  height: 96px !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .topbar-actions {
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .chip {
  white-space: normal !important;
}
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .composition-legend .legend-chip {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  min-height: 82px !important;
  padding: 14px 16px !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .composition-legend .legend-left {
  align-items: flex-start !important;
  width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .legend-text-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .composition-legend .legend-name {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .composition-legend .legend-value {
  display: block !important;
  text-align: left !important;
  color: var(--color-muted) !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .composition-legend .legend-dot {
  margin-top: 2px !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .topbar-actions .chip {
  min-height: 42px !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .topbar-main-row {
  align-items: center !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .brand-cluster {
  flex: 1 1 520px !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .topbar-actions.primary-actions {
  margin-left: auto !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  text-align: right !important;
}

:where(html[data-chekku-page="weight-analysis-dashboard"]) .topbar-actions.primary-actions .chip {
  min-height: 42px !important;
  padding: 10px 14px !important;
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-dashboard"]) .topbar-actions.primary-actions {
  width: 100% !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
}

/* MODULE: weight_analysis/edit_record.php */

:root:where(html[data-chekku-page="weight-analysis-edit-record"]) {
  --success: #2e7d32;
  --danger: #e53935;
  --bg-start: #F0E7FF;
  --bg-mid: #F8F2FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.72);
  --stroke: rgba(255,255,255,.42);
  --line: rgba(108,91,123,.14);
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="weight-analysis-edit-record"]),
:where(html[data-chekku-page="weight-analysis-edit-record"]) body {
  height: 100%;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 20px 34px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  -webkit-backdrop-filter: none;
  transition: transform .25s ease;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .sidebar a.active {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .sidebar-logo {
  position: absolute;
  bottom: 6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  filter: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .9rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero {
  position: relative;
  overflow: hidden;
  margin: 0 auto 18px;
  padding: 26px 24px 22px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: -20% auto auto -6%;
  width: 280px;
  height: 280px;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: auto -7% -26% auto;
  width: 250px;
  height: 250px;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-top {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-copy {
  max-width: 720px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: rgba(108,91,123,.10);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-size: .8rem;
  font-weight: 600;
  color: var(--chekku-primary-700);
  margin-bottom: 12px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero h1 {
  margin: 0 0 8px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero p {
  margin: 0;
  max-width: 760px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  color: var(--ck-legacy-accent,#4a4362);
  font-size: .9rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stats {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stat {
  padding: 16px 16px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46);
  box-shadow: none;
  backdrop-filter: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stat-label {
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted);
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stat-value {
  margin-top: 6px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stat-sub {
  margin-top: 4px;
  font-size: .88rem;
  color: var(--ck-legacy-muted,#6f6885);
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel {
  overflow: hidden;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel + .panel {
  margin-top: 16px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-title {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-sub {
  margin-top: 4px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: var(--radius-control);
  background: rgba(108,91,123,.10);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  color: var(--chekku-primary-700);
  font-weight: 600;
  font-size: .82rem;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-body {
  padding: 20px 22px 22px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .grid-3 {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .grid-2 {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .field-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .label-inline {
  font-weight: 600;
  color: var(--chekku-primary-700);
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .helper-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  font-size: .78rem;
  font-weight: 600;
  color: var(--ck-legacy-muted,#6f6885);
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .input-wrap {
  position: relative;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .input-wrap .icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 1rem;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .field {
  width: 100%;
  height: 48px;
  min-height: 48px;
  padding: .8rem .95rem .8rem 2.65rem;
  border-radius: var(--radius-card);
  border: 1.5px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  background: var(--color-surface);
  color: var(--ink);
  font: 600 .95rem "Poppins",system-ui,sans-serif;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease;
  line-height: 1.2;
  appearance: none;
  -webkit-appearance: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) select.field {
  padding-right: 2.7rem;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .field:focus {
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.34);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .field:hover {
  transform: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .field-note {
  font-size: .84rem;
  color: var(--ck-legacy-muted,#7c7690);
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .field-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-panel {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-card {
  padding: 16px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .plu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(120px,1fr));
  gap: 12px;
  max-height: 420px;
  overflow: auto;
  padding: 4px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .plu-card {
  padding: 12px;
  cursor: pointer;
  text-align: center;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .plu-card:hover {
  transform: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .plu-card img {
  height: 70px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .plu-name {
  margin-top: 8px;
  font-size: .78rem;
  color: var(--ck-legacy-muted,#6A6580);
  font-weight: 600;
  word-break: break-word;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid var(--stroke);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .btn {
  appearance: none;
  border: none;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  min-width: 180px;
  padding: .82rem 1.2rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .btn:hover {
  transform: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .btn-save {
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .btn-save:hover {
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .btn-cancel {
  background: var(--color-surface);
  color: var(--color-ink);
  border: 1px solid rgba(198,40,40,.16);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .btn-cancel:hover {
  box-shadow: none;
}

@media (max-width:980px) {
:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stats,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .grid-3,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-panel {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:720px) {
:where(html[data-chekku-page="weight-analysis-edit-record"]) .content {
  padding: 22px 14px 28px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-top {
  flex-direction: column;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stats,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .grid-3,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .grid-2,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-panel {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-head,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-body,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .actions {
  padding-left: 16px;
  padding-right: 16px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .actions .btn {
  width: 100%;
}
}

:root:where(html[data-chekku-page="weight-analysis-edit-record"]) {
  --success: #1F8F5F !important;
  --danger: #B42318 !important;
  --bg-start: var(--color-ink) !important;
  --bg-mid: var(--color-blue-deep) !important;
  --bg-end: var(--color-peach-soft) !important;
  --glass: rgba(255,255,255,.66) !important;
  --stroke: rgba(255,255,255,.42) !important;
  --line: rgba(53,92,125,.14) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) body {
  color: var(--ink) !important;
  background-size: cover !important;
  position: relative !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) header,
:where(html[data-chekku-page="weight-analysis-edit-record"]) main,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .content {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .content {
  max-width: 1180px !important;
  padding: 28px 20px 38px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .toggle-btn,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .nav-toggle {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .sidebar a {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .sidebar a:hover,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .sidebar a.active,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .sidebar a[aria-current="page"] {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .sidebar-logo,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .sidebar-footer {
  display: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero::before {
  background: var(--color-surface) !important;
  width: 320px !important;
  height: 320px !important;
  right: -120px !important;
  top: -140px !important;
  left: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-eyebrow,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-chip {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero h1,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stat-value,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-title,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .label-inline,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .plu-name {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero p,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stat-label,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stat-sub,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-sub,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .field-note,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .helper-pill,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-badge {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-badge,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stat,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .helper-pill,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-card,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .actions,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .plu-card {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-badge {
  border-radius: var(--radius-card) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stat {
  border-radius: var(--radius-card) !important;
  position: relative;
  overflow: hidden;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stat::after {
  content: none !important;
  position: absolute;
  width: 120px;
  height: 120px;
  right: -62px;
  top: -62px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-head {
  background: var(--color-surface) !important;
  padding-bottom: 16px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-body {
  padding-top: 18px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .section-divider {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .field,
:where(html[data-chekku-page="weight-analysis-edit-record"]) select.field,
:where(html[data-chekku-page="weight-analysis-edit-record"]) input.field {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .field:focus {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .field:hover,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .plu-card:hover {
  transform: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .input-wrap .icon {
  color: var(--chekku-primary-700) !important;
  filter: none;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .plu-grid {
  scrollbar-color: rgba(53,92,125,.36) rgba(255,255,255,.34);
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .plu-card {
  transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .plu-card img,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-card img {
  border-radius: var(--radius-card) !important;
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.54) !important;
  border: 1px solid rgba(53,92,125,.10) !important;
  box-shadow: none !important;
  padding: 6px;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .btn {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  min-height: 48px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .btn-save:hover {
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .btn-cancel:hover {
  box-shadow: none !important;
}

@media (max-width:720px) {
:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .actions {
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .hero-stats {
  grid-template-columns: 1fr !important;
}
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) header,
:where(html[data-chekku-page="weight-analysis-edit-record"]) main,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .page-shell,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .content {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) body::before,
:where(html[data-chekku-page="weight-analysis-edit-record"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .content.page-shell {
  padding: 22px 0 34px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .top-control-section {
  position: relative !important;
  margin-bottom: 18px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .app-topbar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .brand-orb {
  flex: 0 0 122px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .brand-orb img {
  width: 122px !important;
  height: 122px !important;
  object-fit: contain !important;
  filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .app-kicker {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .app-topbar h1 {
  margin: 8px 0 0 !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .action-chip,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .back-btn {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-edit-workspace {
  display: grid !important;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-side-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 18px !important;
  z-index: 20 !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding-right: 2px !important;
  scrollbar-width: thin !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-side-stack::-webkit-scrollbar {
  width: 6px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-side-stack::-webkit-scrollbar-thumb {
  background: var(--color-surface) !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-main-stack {
  min-width: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-main-stack form {
  display: block !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-intro-card,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-intro-card {
  min-height: 248px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-intro-card h2,
:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-action {
  color: var(--color-ink) !important;
  justify-content: center !important;
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-main-stack > form > .panel {
  margin-top: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel + .panel {
  margin-top: 34px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .panel-chip {
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-main-stack > form > .panel + .panel {
  margin-top: 36px !important;
  position: relative !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-main-stack > form > .panel + .panel::before {
  content: "";
  position: absolute;
  top: -19px;
  left: 3%;
  right: 3%;
  height: 1px;
  background: var(--color-surface);
  pointer-events: none;
}

@media (max-width:720px) {
:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-main-stack > form > .panel + .panel {
  margin-top: 28px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-main-stack > form > .panel + .panel::before {
  top: -15px;
}
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .actions {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 18px 0 0 !important;
  margin-top: 18px !important;
  justify-content: flex-end !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .actions .btn {
  min-width: 180px !important;
  min-height: 48px !important;
  border-radius: var(--radius-control) !important;
  font-weight: 600 !important;
  text-align: center !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .btn-cancel {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .btn-save {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .plu-grid {
  max-height: 360px !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-edit-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-side-stack {
  position: relative !important;
  top: auto !important;
  max-height: none !important;
  overflow: visible !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .side-intro-card {
  min-height: 220px !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-edit-record"]) .content.page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .topbar-main-row {
  align-items: flex-start !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .brand-orb {
  flex-basis: 84px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .brand-orb img {
  width: 84px !important;
  height: 84px !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .topbar-actions {
  justify-content: flex-start !important;
  width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .chip {
  white-space: normal !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .weight-side-stack {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .actions {
  flex-direction: column !important;
}

:where(html[data-chekku-page="weight-analysis-edit-record"]) .actions .btn {
  width: 100% !important;
}
}

/* MODULE: weight_analysis/form.php */

:root:where(html[data-chekku-page="weight-analysis-form"]) {
  --border: rgba(108,91,123,.14);
  --border-soft: rgba(18,16,28,.08);
  --bg-start: #F0E7FF;
  --bg-mid: #F8F2FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.84);
  --ok: #2E7D32;
  --ok-bg: #E8F5E9;
  --warn: var(--color-coral);
  --warn-bg: #FFF3E0;
  --bad: #D32F2F;
  --bad-bg: #FFEBEE;
  --info: #1976D2;
  --info-bg: #E3F2FD;
  --step-done-bg: #EAF7EE;
  --step-done-br: #2E7D32;
  --step-done-text: #1E5E2B;
  --step-done-num-bg: #DDF2E3;
  --danger: #C62828;
  --danger-2: #E53935;
  --success: #2E7D32;
  --success-2: #43A047;
}

:where(html[data-chekku-page="weight-analysis-form"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="weight-analysis-form"]),
:where(html[data-chekku-page="weight-analysis-form"]) body {
  height: 100%;
  overflow-x: hidden;
}

:where(html[data-chekku-page="weight-analysis-form"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
}

:where(html[data-chekku-page="weight-analysis-form"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  overflow-x: hidden;
}

:where(html[data-chekku-page="weight-analysis-form"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--ck-legacy-accent,#2a1a4e);
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="weight-analysis-form"]) .sidebar a:hover {
  background: rgba(108,91,123,.10);
}

:where(html[data-chekku-page="weight-analysis-form"]) .sidebar a.active {
  background: var(--ck-legacy-blue-soft,#f4e9ff);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  color: var(--color-purple);
}

:where(html[data-chekku-page="weight-analysis-form"]) .sidebar-logo {
  display: block;
  width: 190px;
  margin: 20px auto 22px;
  filter: none;
  opacity: .95;
}

:where(html[data-chekku-page="weight-analysis-form"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="weight-analysis-form"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="weight-analysis-form"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .95rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
  font-weight: 600;
}

:where(html[data-chekku-page="weight-analysis-form"]) .page-shell {
  padding: 22px 0 26px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 26px 24px 22px;
  margin-bottom: 18px;
  isolation: isolate;
  min-height: 320px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  color: var(--chekku-primary-700);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .02em;
  width: max-content;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-grid {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-mascot {
  position: absolute;
  left: 4px;
  bottom: -8px;
  width: min(26vw, 280px);
  max-width: 280px;
  min-width: 180px;
  pointer-events: none;
  opacity: .96;
  filter: none;
  z-index: 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-mascot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-copy h1 {
  margin: 0 0 6px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-copy p {
  margin: 0;
  max-width: 760px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  font-size: .9rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#3A2759);
  backdrop-filter: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary {
  margin-top: 18px;
  display: grid;
  grid-template-columns: .9fr 1.3fr .9fr;
  gap: 14px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary-card {
  padding: 18px;
  position: relative;
  overflow: hidden;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary-card::after {
  content: none !important;
  position: absolute;
  right: -30px;
  top: -30px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary-main {
  min-height: 148px;
  transform: scale(1.01);
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary-label {
  color: var(--muted);
  font-size: .82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary-value {
  margin-top: 8px;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1;
  color: var(--ck-legacy-accent,#291947);
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary-sub {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 600;
  font-size: .92rem;
  line-height: 1.4;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary-mini .hero-summary-value {
  font-size: 1.8rem;
}

:where(html[data-chekku-page="weight-analysis-form"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .panel-chip {
  padding: 9px 12px;
  border-radius: var(--radius-control);
  background: var(--ck-legacy-blue-soft,#F6EEFF);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card {
  padding: 18px;
  overflow: visible;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main {
  display: grid;
  grid-template-columns: 280px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  display: grid;
  gap: 10px;
  position: sticky;
  top: 12px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 12px 14px;
  text-align: left;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .16s ease, background .16s ease;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav:hover {
  transform: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav.done .step-title,
:where(html[data-chekku-page="weight-analysis-form"]) .step-nav.done .step-value {
  color: var(--step-done-text);
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav.done .step-num {
  background: var(--step-done-num-bg);
  border-color: var(--step-done-br);
  color: var(--step-done-br);
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid var(--ck-legacy-line,#bbb);
  display: grid;
  place-items: center;
  font-size: .85rem;
  font-weight: 600;
  color: var(--ck-legacy-muted,#777);
  background: var(--color-surface);
  flex: 0 0 28px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-copy {
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-title {
  font-size: .94rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#261644);
  line-height: 1.2;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-value {
  margin-top: 4px;
  color: var(--muted);
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.35;
  min-height: 18px;
  word-break: break-word;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-content {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.1);
  border-radius: var(--radius-card);
  padding: 18px;
  box-shadow: none;
  min-height: 520px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-panel {
  display: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-panel.active {
  display: block;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav.is-locked {
  display: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #submit-btn.is-ready {
  display: inline-flex !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #submit-btn.is-hidden,
:where(html[data-chekku-page="weight-analysis-form"]) #reset-all.is-hidden {
  display: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-panel h3 {
  margin: .1rem 0 .7rem;
}

:where(html[data-chekku-page="weight-analysis-form"]) .section-sub {
  margin-top: -2px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .cards {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  justify-content: flex-start;
}

:where(html[data-chekku-page="weight-analysis-form"]) .card-option {
  padding: .72rem 1rem;
  border: 1.8px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.14);
  border-radius: var(--radius-card);
  background: var(--color-surface);
  min-width: 112px;
  text-align: center;
  font-weight: 600;
  box-shadow: none;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .2s ease, background .2s ease;
  color: var(--ck-legacy-accent,#261644);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

:where(html[data-chekku-page="weight-analysis-form"]) .card-option:hover {
  transform: none;
  box-shadow: none;
  border-color: rgba(var(--ck-legacy-line-rgb,108,91,123),0.24);
}

:where(html[data-chekku-page="weight-analysis-form"]) .card-option:focus-visible {
  outline: 0;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .card-option.selected {
  border-color: #1976d2;
  background: var(--ck-legacy-blue-soft,#e3f2fd);
  color: var(--ck-legacy-accent,#0d47a1);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .helper {
  display: flex;
  gap: .55rem;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: .8rem;
}

:where(html[data-chekku-page="weight-analysis-form"]) .pill {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.1);
  border-radius: var(--radius-card);
  padding: .38rem .7rem;
  font-weight: 600;
  background: var(--ck-legacy-surface,#fafafa);
  font-size: .9rem;
}

:where(html[data-chekku-page="weight-analysis-form"]) .pill.ok {
  background: var(--ok-bg);
  border-color: var(--ck-legacy-line,#A5D6A7);
  color: var(--ck-legacy-success,#1B5E20);
}

:where(html[data-chekku-page="weight-analysis-form"]) .pill.warn {
  background: var(--warn-bg);
  border-color: var(--ck-legacy-line,#FFCC80);
  color: var(--color-coral);
}

:where(html[data-chekku-page="weight-analysis-form"]) .pill.bad {
  background: var(--bad-bg);
  border-color: var(--ck-legacy-line,#EF9A9A);
  color: var(--ck-legacy-danger,#C62828);
}

:where(html[data-chekku-page="weight-analysis-form"]) input[type="number"],
:where(html[data-chekku-page="weight-analysis-form"]) input[type="text"] {
  font-family: var(--font-ui);
  padding: .8rem .95rem;
  border: 2px solid var(--ck-legacy-line,#ddd);
  border-radius: var(--radius-control);
  font-weight: 600;
  background: var(--color-surface);
  color: var(--text);
  font-size: 1rem;
}

:where(html[data-chekku-page="weight-analysis-form"]) #size-detail,
:where(html[data-chekku-page="weight-analysis-form"]) #weight {
  min-height: 54px;
  font-size: 1.1rem;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn {
  border: none;
  border-radius: var(--radius-control);
  padding: 1rem 1.35rem;
  font-weight: 600;
  cursor: pointer;
  font-family: var(--font-ui);
  transition: transform .12s ease, box-shadow .12s ease, background .16s ease;
  font-size: 1rem;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn:hover {
  transform: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn:active {
  transform: translateY(0);
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn-primary {
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn-success {
  background: var(--color-surface);
  color: #fff;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn-danger {
  background: var(--color-surface);
  color: #fff;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn-ghost {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.1);
  color: var(--ck-legacy-accent,#2a1a4e);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn[disabled] {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .actionbar {
  display: flex;
  gap: .85rem;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
  padding: 18px 0 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .actionbar .btn {
  min-width: 180px;
  min-height: 54px;
  font-size: 1.02rem;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn-clear {
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn-save {
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  right: calc(14px + env(safe-area-inset-right));
  z-index: 1250;
  width: min(220px, calc(100vw - 24px));
  pointer-events: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap .recap-side-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 11px 11px 10px;
  pointer-events: auto;
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap .recap-side-card::before {
  content: none !important;
  position: absolute;
  top: -36px;
  right: -32px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-title {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-sub {
  margin: 3px 0 0;
  color: rgba(var(--ck-legacy-accent-rgb,58,39,89),0.68);
  font-size: .74rem;
  font-weight: 600;
  line-height: 1.3;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-grid {
  display: grid;
  gap: 6px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item {
  display: none;
  align-items: flex-start;
  gap: 9px;
  padding: 7px 9px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.18);
  box-shadow: none;
  min-height: auto;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.show {
  display: flex;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-top: 6px;
  flex: 0 0 7px;
  background: rgba(108,91,123,.50);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.variety::before {
  background: #7E57C2;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.grade::before {
  background: var(--ck-solid-blue,var(--color-blue));
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.packaging::before {
  background: var(--color-coral);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.size::before {
  background: #D81B60;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.weight::before {
  background: #2E7D32;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.plu::before {
  background: #546E7A;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-copy {
  min-width: 0;
  flex: 1;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-label {
  color: rgba(var(--ck-legacy-accent-rgb,58,39,89),0.58);
  font-size: .63rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 2px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-value {
  margin-top: 0;
  color: var(--ck-legacy-accent,#281946);
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.28;
  word-break: break-word;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.is-empty {
  display: block;
  padding: 10px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px dashed rgba(var(--ck-legacy-line-rgb,108,91,123),0.16);
  color: rgba(var(--ck-legacy-accent-rgb,58,39,89),0.72);
  font-size: .79rem;
  font-weight: 600;
  text-align: left;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-actions {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  position: relative;
  z-index: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-actions .btn {
  min-height: 38px;
  border-radius: var(--radius-control);
  padding: .65rem .8rem;
  font-size: .86rem;
  box-shadow: none;
  flex: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-actions .btn.btn-ghost {
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
  z-index: 1190;
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(1080px,94%);
  transform: translateX(110%);
  transition: transform .25s ease;
  z-index: 1200;
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  will-change: transform;
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer.open {
  transform: translateX(0);
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer header {
  position: sticky;
  top: 0;
  background: var(--color-surface);
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  z-index: 1;
  padding: 14px 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer-head-copy h3 {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer-head-copy p {
  margin: .35rem 0 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 14px 16px 0;
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer-summary-card {
  padding: 14px 16px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer-summary-label {
  color: var(--muted);
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer-summary-value {
  margin-top: 6px;
  font-size: 1.45rem;
  font-weight: 600;
  color: var(--ck-legacy-accent,#291947);
  line-height: 1;
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer-summary-sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: .86rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="weight-analysis-form"]) #charts-container {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 16px 18px 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

:where(html[data-chekku-page="weight-analysis-form"]) .chart-card {
  overflow: hidden;
  min-height: 390px;
  display: flex;
  flex-direction: column;
  position: relative;
  isolation: isolate;
}

:where(html[data-chekku-page="weight-analysis-form"]) .chart-card-head {
  padding: 16px 16px 10px;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.06);
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-form"]) .chart-card-title {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .chart-card-sub {
  margin-top: 4px;
  color: var(--muted);
  font-weight: 600;
  font-size: .88rem;
  line-height: 1.4;
}

:where(html[data-chekku-page="weight-analysis-form"]) .chart-card-kpi {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#F5EEFF);
  color: var(--color-purple);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.12);
  font-size: .82rem;
  font-weight: 600;
  width: max-content;
}

:where(html[data-chekku-page="weight-analysis-form"]) .chart-canvas-wrap {
  position: relative;
  flex: 1;
  min-height: 320px;
  padding: 14px 16px 16px;
  overflow: hidden;
}

:where(html[data-chekku-page="weight-analysis-form"]) .chart-canvas-wrap canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
  position: relative !important;
}

@supports (height:100dvh) {
:where(html[data-chekku-page="weight-analysis-form"]) .drawer {
  height: 100dvh;
  max-height: 100dvh;
}
}

:where(html[data-chekku-page="weight-analysis-form"]) .skel {
  width: 100%;
  min-height: 390px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  background-size: 400% 100%;
  animation: ck-weight-analysis-form-shimmer 1.1s infinite;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.1);
}

@keyframes ck-weight-analysis-form-shimmer {
0% {
  background-position: 100% 0;
}

100% {
  background-position: -100% 0;
}
}

:where(html[data-chekku-page="weight-analysis-form"]) .empty {
  padding: 18px;
  border: 1px dashed rgba(var(--ck-legacy-line-rgb,108,91,123),0.25);
  border-radius: var(--radius-card);
  text-align: center;
  color: var(--ck-legacy-muted,#6A6580);
  background: var(--color-surface);
  font-weight: 600;
  grid-column: 1 / -1;
}

:where(html[data-chekku-page="weight-analysis-form"]) .modal-backdrop {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1300;
  padding: 18px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .modal-card {
  position: relative;
  width: min(620px, 100%);
  overflow: hidden;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: none;
  opacity: .9;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-orb-a {
  width: 150px;
  height: 150px;
  top: -48px;
  right: -36px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-orb-b {
  width: 160px;
  height: 160px;
  bottom: -65px;
  left: -42px;
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-head {
  position: relative;
  z-index: 1;
  padding: 24px 24px 14px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.14);
  color: var(--ck-legacy-accent,#5b2390);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-head h3 {
  margin: 12px 0 6px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-head p {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-summary {
  position: relative;
  z-index: 1;
  padding: 0 24px 6px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-item {
  border-radius: var(--radius-card);
  padding: 12px 14px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.08);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-label {
  color: var(--muted);
  font-size: .74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-value {
  margin-top: 6px;
  color: var(--ck-legacy-accent,#2a1848);
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.35;
  word-break: break-word;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-wrap {
  position: relative;
  z-index: 1;
  padding: 14px 24px 4px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-thumb {
  width: 110px;
  min-height: 92px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,108,91,123),0.1);
  overflow: hidden;
  flex: 0 0 110px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-thumb img {
  max-width: 100%;
  max-height: 88px;
  display: block;
  object-fit: contain;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-copy {
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-copy strong {
  display: block;
  color: var(--color-purple);
  font-size: .96rem;
  font-weight: 600;
  margin-bottom: 4px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-copy span {
  display: block;
  color: var(--muted);
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.45;
  word-break: break-word;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-actions {
  position: relative;
  z-index: 1;
  padding: 18px 24px 24px;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-btn-cancel {
  min-width: 160px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-btn-save {
  min-width: 180px;
  color: var(--color-ink);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-btn-save:hover {
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .under-glass-card {
  width: min(640px, 100%);
}

:where(html[data-chekku-page="weight-analysis-form"]) .under-body {
  padding: 20px 24px 8px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="weight-analysis-form"]) .under-highlight {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(211,47,47,.14);
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .under-icon {
  width: 52px;
  height: 52px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  font-size: 1.4rem;
  background: var(--color-surface);
  border: 1px solid rgba(211,47,47,.12);
  flex: 0 0 52px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .under-highlight-title {
  color: var(--ck-legacy-danger,#8E1B1B);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
}

:where(html[data-chekku-page="weight-analysis-form"]) .under-highlight-sub {
  margin-top: 4px;
  color: var(--ck-legacy-muted,#7D5A65);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="weight-analysis-form"]) .under-btn-report {
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .under-btn-report:hover {
  box-shadow: none;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-body {
  grid-template-columns: 1fr;
}
}

@media (max-width:1080px) {
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  position: static;
  grid-template-columns: repeat(3, minmax(0,1fr));
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav {
  min-height: 92px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer-summary {
  grid-template-columns: 1fr;
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="weight-analysis-form"]) .hero-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-mascot {
  width: 220px;
  left: -12px;
  bottom: -6px;
  opacity: .24;
}

:where(html[data-chekku-page="weight-analysis-form"]) #charts-container {
  grid-template-columns: 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="weight-analysis-form"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero {
  padding: 20px 16px 18px;
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap {
  position: static;
  width: 100%;
  margin: 14px 0 0;
  pointer-events: auto;
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap .recap-side-card {
  width: 100%;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-top,
:where(html[data-chekku-page="weight-analysis-form"]) .drawer header,
:where(html[data-chekku-page="weight-analysis-form"]) .hero-top {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="weight-analysis-form"]) .actionbar {
  flex-direction: column-reverse;
  align-items: stretch;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn {
  width: 100%;
  justify-content: center;
}

:where(html[data-chekku-page="weight-analysis-form"]) .cards {
  gap: .55rem;
}

:where(html[data-chekku-page="weight-analysis-form"]) .card-option {
  min-width: calc(50% - .4rem);
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-mascot {
  width: 170px;
  left: -22px;
  bottom: -4px;
  opacity: .16;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-summary {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-card,
:where(html[data-chekku-page="weight-analysis-form"]) .under-highlight {
  align-items: flex-start;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-actions {
  flex-direction: column-reverse;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-btn-cancel,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-btn-save {
  width: 100%;
}

:where(html[data-chekku-page="weight-analysis-form"]) .under-body {
  padding: 16px 18px 6px;
}
}

@media (max-width:460px) {
:where(html[data-chekku-page="weight-analysis-form"]) .card-option {
  min-width: 100%;
}
}

@media (prefers-reduced-motion: reduce) {
:where(html[data-chekku-page="weight-analysis-form"]) * {
  transition: none !important;
  animation: none !important;
}
}

:root:where(html[data-chekku-page="weight-analysis-form"]) {
  --border: rgba(53,92,125,.14) !important;
  --border-soft: rgba(39,58,77,.08) !important;
  --bg-start: var(--color-ink) !important;
  --bg-mid: var(--color-blue-deep) !important;
  --bg-end: var(--color-peach-soft) !important;
  --glass: rgba(255,255,255,.66) !important;
  --ok: #1F8F5F !important;
  --ok-bg: #EAF9F1 !important;
  --warn: #8A5200 !important;
  --warn-bg: var(--color-peach-soft) !important;
  --bad: #B42318 !important;
  --bad-bg: #FFF0F2 !important;
  --info: var(--color-blue) !important;
  --info-bg: var(--color-blue-soft) !important;
  --step-done-bg: #EAF9F1 !important;
  --step-done-br: #1F8F5F !important;
  --step-done-text: #116B45 !important;
  --step-done-num-bg: #DDF8E9 !important;
  --danger: #B42318 !important;
  --danger-2: #D92D20 !important;
  --success: #1F8F5F !important;
  --success-2: #116B45 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) body {
  color: var(--text) !important;
  background-size: cover !important;
  position: relative !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="weight-analysis-form"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="weight-analysis-form"]) .page-shell,
:where(html[data-chekku-page="weight-analysis-form"]) header,
:where(html[data-chekku-page="weight-analysis-form"]) main {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .toggle-btn,
:where(html[data-chekku-page="weight-analysis-form"]) .nav-toggle {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .sidebar a {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .sidebar a:hover,
:where(html[data-chekku-page="weight-analysis-form"]) .sidebar a.active,
:where(html[data-chekku-page="weight-analysis-form"]) .sidebar a[aria-current="page"] {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .sidebar-logo,
:where(html[data-chekku-page="weight-analysis-form"]) .sidebar-footer {
  display: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero::before {
  background: var(--color-surface) !important;
  width: 320px !important;
  height: 320px !important;
  right: -120px !important;
  top: -140px !important;
  left: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-mascot {
  filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-eyebrow,
:where(html[data-chekku-page="weight-analysis-form"]) .panel-chip,
:where(html[data-chekku-page="weight-analysis-form"]) .shell-chip,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-badge {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-copy h1,
:where(html[data-chekku-page="weight-analysis-form"]) .panel-title,
:where(html[data-chekku-page="weight-analysis-form"]) .step-panel h3,
:where(html[data-chekku-page="weight-analysis-form"]) .drawer-head-copy h3,
:where(html[data-chekku-page="weight-analysis-form"]) .chart-card-title,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-head h3,
:where(html[data-chekku-page="weight-analysis-form"]) .drawer-summary-value,
:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary-value,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-title,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-value,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-value,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-copy strong,
:where(html[data-chekku-page="weight-analysis-form"]) .under-highlight-title {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-copy p,
:where(html[data-chekku-page="weight-analysis-form"]) .meta-pill,
:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary-label,
:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary-sub,
:where(html[data-chekku-page="weight-analysis-form"]) .panel-sub,
:where(html[data-chekku-page="weight-analysis-form"]) .section-sub,
:where(html[data-chekku-page="weight-analysis-form"]) .step-value,
:where(html[data-chekku-page="weight-analysis-form"]) .drawer-head-copy p,
:where(html[data-chekku-page="weight-analysis-form"]) .drawer-summary-label,
:where(html[data-chekku-page="weight-analysis-form"]) .drawer-summary-sub,
:where(html[data-chekku-page="weight-analysis-form"]) .chart-card-sub,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-sub,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-label,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-head p,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-label,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-copy span,
:where(html[data-chekku-page="weight-analysis-form"]) .under-highlight-sub,
:where(html[data-chekku-page="weight-analysis-form"]) .empty,
:where(html[data-chekku-page="weight-analysis-form"]) #size-detail-hint {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .meta-pill,
:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary-card,
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card,
:where(html[data-chekku-page="weight-analysis-form"]) .step-content,
:where(html[data-chekku-page="weight-analysis-form"]) .step-nav,
:where(html[data-chekku-page="weight-analysis-form"]) .card-option,
:where(html[data-chekku-page="weight-analysis-form"]) .pill,
:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap .recap-side-card,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-item,
:where(html[data-chekku-page="weight-analysis-form"]) .drawer-summary-card,
:where(html[data-chekku-page="weight-analysis-form"]) .chart-card,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-item,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-card,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-thumb,
:where(html[data-chekku-page="weight-analysis-form"]) .under-highlight {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card,
:where(html[data-chekku-page="weight-analysis-form"]) .step-content,
:where(html[data-chekku-page="weight-analysis-form"]) .drawer,
:where(html[data-chekku-page="weight-analysis-form"]) .modal-card {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .hero-summary-card::after,
:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap .recap-side-card::before,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-orb-a {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-orb-b {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav:hover,
:where(html[data-chekku-page="weight-analysis-form"]) .card-option:hover {
  transform: none;
  border-color: rgba(53,92,125,.20) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav.active,
:where(html[data-chekku-page="weight-analysis-form"]) .card-option.selected {
  border-color: rgba(53,92,125,.34) !important;
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-title,
:where(html[data-chekku-page="weight-analysis-form"]) .step-nav.done .step-title,
:where(html[data-chekku-page="weight-analysis-form"]) .step-nav.done .step-value {
  color: inherit !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-num {
  background: var(--color-surface) !important;
  border-color: rgba(53,92,125,.18) !important;
  color: var(--chekku-primary-700) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav.done .step-num {
  background: var(--ck-legacy-success-soft,#DDF8E9) !important;
  border-color: #1F8F5F !important;
  color: var(--ck-legacy-success,#116B45) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) input[type="number"],
:where(html[data-chekku-page="weight-analysis-form"]) input[type="text"],
:where(html[data-chekku-page="weight-analysis-form"]) #size-detail,
:where(html[data-chekku-page="weight-analysis-form"]) #weight {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) input[type="number"]:focus,
:where(html[data-chekku-page="weight-analysis-form"]) input[type="text"]:focus,
:where(html[data-chekku-page="weight-analysis-form"]) #size-detail:focus,
:where(html[data-chekku-page="weight-analysis-form"]) #weight:focus {
  outline: 0 !important;
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .pill.ok {
  background: var(--ck-legacy-success-soft,#EAF9F1) !important;
  border-color: rgba(31,143,95,.18) !important;
  color: var(--ck-legacy-success,#116B45) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .pill.warn {
  background: var(--color-peach-soft) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.2) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .pill.bad {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  border-color: rgba(180,35,24,.18) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn-primary,
:where(html[data-chekku-page="weight-analysis-form"]) .confirm-btn-save {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn-success,
:where(html[data-chekku-page="weight-analysis-form"]) .btn-save {
  color: #fff !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn-danger,
:where(html[data-chekku-page="weight-analysis-form"]) .btn-clear,
:where(html[data-chekku-page="weight-analysis-form"]) .under-btn-report {
  color: #fff !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn-ghost,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-actions .btn.btn-ghost {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn-ghost:hover,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-actions .btn.btn-ghost:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92) !important;
  border-color: rgba(53,92,125,.18) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.is-empty {
  background: var(--color-surface) !important;
  border: 1px dashed rgba(53,92,125,.22) !important;
  color: var(--muted) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.variety::before {
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.grade::before {
  background: #1F8F5F !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.packaging::before {
  background: var(--color-coral) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.size::before {
  background: #0284C7 !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.weight::before {
  background: #116B45 !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.plu::before {
  background: #475569 !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .drawer header,
:where(html[data-chekku-page="weight-analysis-form"]) .drawer-summary,
:where(html[data-chekku-page="weight-analysis-form"]) .chart-card-head {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .chart-card-kpi {
  background: var(--color-blue-soft) !important;
  color: var(--color-blue) !important;
  border-color: rgba(53,92,125,.16) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .chart-canvas-wrap {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26) !important;
  border-radius: var(--radius-card) !important;
  margin: 12px !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .skel {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .empty {
  background: var(--color-surface) !important;
  border-color: rgba(53,92,125,.20) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .under-highlight {
  background: var(--color-surface) !important;
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .under-icon {
  background: var(--color-surface) !important;
  border: 1px solid rgba(180,35,24,.16) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .confirm-plu-thumb img,
:where(html[data-chekku-page="weight-analysis-form"]) #plu-image-options img {
  filter: none;
}

@media (max-width:760px) {
:where(html[data-chekku-page="weight-analysis-form"]) .hero,
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card,
:where(html[data-chekku-page="weight-analysis-form"]) .step-content,
:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap .recap-side-card {
  border-radius: var(--radius-card) !important;
}
}

:where(html[data-chekku-page="weight-analysis-form"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="weight-analysis-form"]) header,
:where(html[data-chekku-page="weight-analysis-form"]) main,
:where(html[data-chekku-page="weight-analysis-form"]) .page-shell,
:where(html[data-chekku-page="weight-analysis-form"]) .content {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="weight-analysis-form"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) body::before,
:where(html[data-chekku-page="weight-analysis-form"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .top-control-section {
  position: relative !important;
  margin-bottom: 18px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .app-topbar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .brand-orb {
  flex: 0 0 132px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .brand-orb img {
  width: 132px !important;
  height: 132px !important;
  object-fit: contain !important;
  filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .app-topbar h1 {
  margin: 8px 0 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .topbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  margin-left: auto !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .action-chip {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.32) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .action-chip:hover {
  background: var(--color-surface) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .back-btn {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-entry-workspace {
  display: grid !important;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-side-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 18px !important;
  z-index: 20 !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding-right: 2px !important;
  scrollbar-width: thin !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-side-stack::-webkit-scrollbar {
  width: 6px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-side-stack::-webkit-scrollbar-thumb {
  background: var(--color-surface) !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack {
  min-width: 0 !important;
  display: grid !important;
  gap: 14px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-intro-card,
:where(html[data-chekku-page="weight-analysis-form"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-intro-card {
  min-height: 250px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-intro-card h2,
:where(html[data-chekku-page="weight-analysis-form"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.2rem !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-action.primary {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-action {
  justify-content: center !important;
  border-radius: var(--radius-control) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > form {
  min-width: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .workflow-card {
  margin-top: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  z-index: 1 !important;
  width: 100% !important;
  pointer-events: auto !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap .recap-side-card {
  width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .recap-side-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .recap-side-actions {
  justify-content: flex-end !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .recap-side-actions .btn {
  flex: 0 0 auto !important;
  min-width: 160px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-top .panel-chip {
  border-radius: var(--radius-control) !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap {
  margin: 0 0 16px 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap .recap-side-card {
  min-height: auto !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="weight-analysis-form"]) .weight-entry-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-side-stack {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  max-height: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .side-intro-card {
  min-height: 220px !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-form"]) .page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .brand-orb {
  flex-basis: 92px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .brand-orb img {
  width: 92px !important;
  height: 92px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-side-stack {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .topbar-actions {
  justify-content: flex-start !important;
  width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .chip {
  white-space: normal !important;
}
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap {
  position: fixed !important;
  top: 126px !important;
  right: 18px !important;
  z-index: 1180 !important;
  width: min(255px, calc(100vw - 28px)) !important;
  pointer-events: none !important;
  margin: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap .recap-side-card,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap .recap-side-card {
  width: 100% !important;
  padding: 12px !important;
  pointer-events: auto !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .recap-side-grid {
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .recap-item.show {
  display: flex !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .recap-side-actions {
  justify-content: stretch !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .recap-side-actions .btn {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack {
  padding-right: 282px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main {
  grid-template-columns: 225px minmax(0,1fr) !important;
  gap: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  gap: 7px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav {
  min-height: 58px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-num {
  width: 24px !important;
  height: 24px !important;
  flex-basis: 24px !important;
  font-size: .75rem !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-title {
  font-size: .84rem !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-value {
  font-size: .75rem !important;
  line-height: 1.25 !important;
  min-height: 15px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-content {
  min-height: 455px !important;
  padding: 16px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .card-option {
  padding: .62rem .82rem !important;
  min-width: 98px !important;
  border-radius: var(--radius-card) !important;
  font-size: .9rem !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .actionbar .btn {
  min-width: 150px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .btn-clear,
:where(html[data-chekku-page="weight-analysis-form"]) #reset-all {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-keypad {
  display: grid;
  grid-template-columns: repeat(3, minmax(58px, 78px));
  gap: 8px;
  margin-top: 12px;
  justify-content: flex-start;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-keypad button {
  min-height: 48px;
  border: 1px solid rgba(53,92,125,.14);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-blue-deep);
  font-family: var(--font-ui);
  font-size: 1.05rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  transition: transform .08s ease, box-shadow .15s ease, background .15s ease;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-keypad button:hover {
  transform: none;
  background: var(--color-blue-soft);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-keypad .keypad-wide {
  grid-column: span 1;
  font-size: .88rem;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-keypad .keypad-done {
  grid-column: span 2;
  color: var(--color-ink);
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.28);
}

@media (max-width:1180px) {
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack {
  padding-right: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap {
  position: sticky !important;
  top: 12px !important;
  right: auto !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  z-index: 40 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .recap-side-grid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}
}

@media (max-width:900px) {
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  position: relative !important;
  top: auto !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
}

@media (max-width:560px) {
:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-keypad {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

:where(html[data-chekku-page="weight-analysis-form"]) .actionbar {
  flex-direction: column !important;
  align-items: stretch !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .actionbar .btn {
  width: 100% !important;
}
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap {
  position: fixed !important;
  top: 104px !important;
  right: 18px !important;
  z-index: 5000 !important;
  width: min(270px, calc(100vw - 28px)) !important;
  pointer-events: none !important;
  margin: 0 !important;
  isolation: isolate !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap .recap-side-card,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap .recap-side-card,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap .recap-side-card {
  pointer-events: auto !important;
  max-height: calc(100vh - 130px) !important;
  overflow: auto !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #submit-btn,
:where(html[data-chekku-page="weight-analysis-form"]) .btn-save {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.1 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .card-option,
:where(html[data-chekku-page="weight-analysis-form"]) .step-nav,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-keypad button,
:where(html[data-chekku-page="weight-analysis-form"]) .btn {
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
}

@media (min-width:781px) and (max-width:1180px) {
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack {
  padding-right: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main {
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  position: relative !important;
  top: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 10px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav {
  min-height: 66px !important;
  padding: 10px 12px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-title {
  font-size: .88rem !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-value {
  font-size: .76rem !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-content {
  min-height: 0 !important;
  padding: 18px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .cards {
  gap: .75rem !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .card-option {
  min-height: 50px !important;
  padding: .78rem .95rem !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap {
  top: 92px !important;
  right: 14px !important;
  width: min(245px, 34vw) !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap {
  position: fixed !important;
  top: auto !important;
  right: 10px !important;
  bottom: 10px !important;
  z-index: 5000 !important;
  width: min(330px, calc(100vw - 20px)) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap .recap-side-card,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap .recap-side-card,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap .recap-side-card {
  max-height: 45vh !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 8px !important;
}
}

html:where(html[data-chekku-page="weight-analysis-form"]),
:where(html[data-chekku-page="weight-analysis-form"]) body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .page-shell,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-entry-workspace,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack,
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card,
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-body,
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main,
:where(html[data-chekku-page="weight-analysis-form"]) .step-content,
:where(html[data-chekku-page="weight-analysis-form"]) .step-panel,
:where(html[data-chekku-page="weight-analysis-form"]) .cards,
:where(html[data-chekku-page="weight-analysis-form"]) .card-option {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack {
  padding-right: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap {
  left: auto !important;
  right: clamp(10px, 1.4vw, 18px) !important;
  width: clamp(230px, 20vw, 270px) !important;
  max-width: calc(100vw - 20px) !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap .recap-side-card,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap .recap-side-card,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap .recap-side-card {
  width: 100% !important;
  max-width: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-grid,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-item,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-copy,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-label,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-value,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-head,
:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-actions {
  min-width: 0 !important;
  max-width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item {
  width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-value,
:where(html[data-chekku-page="weight-analysis-form"]) #recap-plu {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-side-actions {
  display: flex !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card {
  width: 100% !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-body {
  width: 100% !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main {
  width: 100% !important;
  grid-template-columns: minmax(190px, 225px) minmax(0, 1fr) !important;
  align-items: start !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav {
  width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-copy {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-value {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-content {
  width: 100% !important;
  min-height: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .card-option {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #size-options .card-option {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding-right: 46px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .size-card-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .size-check-count {
  position: absolute !important;
  top: 7px !important;
  right: 8px !important;
  min-width: 26px !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: var(--radius-card) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .74rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.48) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .size-check-count.one {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .size-check-count.multi {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .size-check-count.bad {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #plu-image-options {
  grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr)) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #plu-image-options .card-option img {
  max-width: 100% !important;
  height: auto !important;
  max-height: 82px !important;
  object-fit: contain !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #panel-step-5 > div[style*="display:flex"] {
  width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #weight {
  width: min(260px, 100%) !important;
  max-width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-keypad {
  width: min(270px, 100%) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .actionbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .actionbar .btn {
  justify-content: center !important;
  text-align: center !important;
}

@media (min-width:781px) and (max-width:1180px) {
:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap {
  top: auto !important;
  bottom: 14px !important;
  right: 14px !important;
  width: min(300px, calc(100vw - 28px)) !important;
  max-width: calc(100vw - 28px) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap .recap-side-card,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap .recap-side-card,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap .recap-side-card {
  max-height: 46vh !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap {
  left: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  width: auto !important;
  max-width: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .floating-recap .recap-side-card,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack > .floating-recap .recap-side-card,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-main-stack .floating-recap .recap-side-card {
  max-height: 42vh !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-top {
  flex-direction: column !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-top .panel-chip {
  width: max-content !important;
  max-width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav {
  min-height: 62px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .cards {
  grid-template-columns: repeat(auto-fit, minmax(min(128px, 100%), 1fr)) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-content {
  padding: 14px !important;
}
}

@media (max-width:480px) {
:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav,
:where(html[data-chekku-page="weight-analysis-form"]) .cards,
:where(html[data-chekku-page="weight-analysis-form"]) #plu-image-options {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-content {
  padding: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .actionbar .btn,
:where(html[data-chekku-page="weight-analysis-form"]) #weight,
:where(html[data-chekku-page="weight-analysis-form"]) .weight-keypad {
  width: 100% !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .weight-keypad button {
  min-height: 46px !important;
}
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions {
  margin: 18px 0 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions .btn {
  min-width: 170px !important;
  min-height: 52px !important;
  justify-content: center !important;
  text-align: center !important;
}

@media (max-width:560px) {
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions {
  align-items: stretch !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions .btn {
  width: 100% !important;
}
}

:where(html[data-chekku-page="weight-analysis-form"]) #liveRecapWindow {
  touch-action: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #liveRecapWindow.is-moved {
  right: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #liveRecapWindow .recap-side-head {
  cursor: grab !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #liveRecapWindow.is-dragging .recap-side-head {
  cursor: grabbing !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #liveRecapWindow.is-dragging .recap-side-card {
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-drag-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-drag-grip {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: var(--radius-card) !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.58) !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-form"]) #liveRecapWindow.is-moved {
  width: min(310px, calc(100vw - 20px)) !important;
  left: auto !important;
  right: auto !important;
}
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions {
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions .btn,
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions #reset-all,
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions #submit-btn {
  flex: 0 0 182px !important;
  width: 182px !important;
  min-width: 182px !important;
  max-width: 182px !important;
  min-height: 52px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions #submit-btn.is-hidden,
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions #submit-btn[hidden],
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions #reset-all.is-hidden,
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions #reset-all[hidden] {
  display: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #recap-plu-image-wrap {
  display: none;
  margin-top: 6px;
  width: 100%;
}

:where(html[data-chekku-page="weight-analysis-form"]) #recap-plu-image-wrap.show {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #recap-plu-image {
  max-width: 116px !important;
  max-height: 72px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  box-shadow: none !important;
  padding: 5px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .recap-item.plu.has-image #recap-plu {
  display: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #weight[data-app-keypad="1"] {
  caret-color: transparent !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

@media (max-width:560px) {
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions {
  flex-direction: column !important;
  align-items: stretch !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions .btn,
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions #reset-all,
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-card > .workflow-actions #submit-btn {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-panel.active {
  display: block !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-panel:not(.active) {
  display: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-panel.active .cards,
:where(html[data-chekku-page="weight-analysis-form"]) #panel-step-1.active #variety-options,
:where(html[data-chekku-page="weight-analysis-form"]) #panel-step-2.active #grade-options,
:where(html[data-chekku-page="weight-analysis-form"]) #panel-step-3.active #packaging-options,
:where(html[data-chekku-page="weight-analysis-form"]) #panel-step-4.active #size-options,
:where(html[data-chekku-page="weight-analysis-form"]) #panel-step-6.active #plu-options,
:where(html[data-chekku-page="weight-analysis-form"]) #panel-step-6.active #plu-image-options {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav .step-nav:not(.is-locked) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #weight-keypad.weight-keypad-popup {
  position: fixed !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  left: auto !important;
  top: auto !important;
  z-index: 2147483000 !important;
  width: min(340px, calc(100vw - 36px)) !important;
  max-height: min(72vh, 560px) !important;
  overflow: auto !important;
  display: none !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 10px !important;
  padding: 14px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  contain: layout paint !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #weight-keypad.weight-keypad-popup.keypad-open {
  display: grid !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #weight-keypad.weight-keypad-popup::before {
  content: "Enter weight";
  grid-column: 1 / -1;
  color: var(--color-blue-deep);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}

:where(html[data-chekku-page="weight-analysis-form"]) #weight-keypad.weight-keypad-popup button {
  min-height: 54px !important;
}

@media (min-width:781px) and (max-width:1180px) {
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-content {
  min-height: 0 !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #weight-keypad.weight-keypad-popup {
  right: 16px !important;
  bottom: 16px !important;
  left: auto !important;
  width: min(360px, calc(100vw - 32px)) !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-form"]) #weight-keypad.weight-keypad-popup {
  left: 10px !important;
  right: 10px !important;
  bottom: max(10px, env(safe-area-inset-bottom)) !important;
  width: auto !important;
  max-height: 58vh !important;
}
}

:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main {
  grid-template-columns: minmax(150px, 178px) minmax(0, 1fr) !important;
  gap: 14px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  gap: 8px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav {
  min-height: 54px !important;
  padding: 8px 10px !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-num {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  font-size: .78rem !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-title {
  font-size: .78rem !important;
  line-height: 1.05 !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-value {
  margin-top: 2px !important;
  font-size: .68rem !important;
  line-height: 1.15 !important;
}

@media (min-width:1181px) {
:where(html[data-chekku-page="weight-analysis-form"]) #weight-keypad.weight-keypad-popup {
  position: fixed !important;
  top: 50% !important;
  right: max(28px, env(safe-area-inset-right)) !important;
  bottom: auto !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  width: 360px !important;
  max-width: calc(100vw - 56px) !important;
  max-height: calc(100vh - 56px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  z-index: 2147483500 !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 12px !important;
  padding: 16px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #weight-keypad.weight-keypad-popup button {
  min-height: 58px !important;
  font-size: 1.05rem !important;
}
}

@media (min-width:781px) and (max-width:1180px) {
:where(html[data-chekku-page="weight-analysis-form"]) .workflow-main {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav {
  min-height: 52px !important;
  padding: 8px 9px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-num {
  width: 27px !important;
  height: 27px !important;
  min-width: 27px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #weight-keypad.weight-keypad-popup {
  position: fixed !important;
  top: auto !important;
  right: max(14px, env(safe-area-inset-right)) !important;
  bottom: max(14px, env(safe-area-inset-bottom)) !important;
  left: auto !important;
  transform: none !important;
  width: min(360px, calc(100vw - 28px)) !important;
  max-height: calc(100vh - 28px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  z-index: 2147483500 !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-form"]) .steps-nav {
  gap: 8px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-nav {
  min-height: 50px !important;
  padding: 8px 9px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) .step-num {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #weight-keypad.weight-keypad-popup {
  position: fixed !important;
  left: 10px !important;
  right: 10px !important;
  bottom: max(10px, env(safe-area-inset-bottom)) !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  max-height: calc(100vh - 20px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  z-index: 2147483500 !important;
}
}

:where(html[data-chekku-page="weight-analysis-form"]) #confirmModal .confirm-actions {
  align-items: center !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #confirmModal .confirm-btn-cancel {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.28) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #confirmModal .confirm-btn-cancel:hover {
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #confirmModal .confirm-btn-save {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.28) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-form"]) #confirmModal .confirm-btn-save:hover {
  box-shadow: none !important;
}

/* MODULE: weight_analysis/records.php */

:root:where(html[data-chekku-page="weight-analysis-records"]) {
  --border: rgba(53,92,125,.14);
  --border-soft: rgba(39,58,77,.08);
  --bg-start: var(--color-blue-soft);
  --bg-mid: #F3F8FF;
  --bg-end: #FFE6D1;
  --glass: rgba(255,255,255,.88);
  --success: #1F8F5F;
  --success-bg: #EAF9F1;
  --danger: #B42318;
  --danger-bg: #FFF1F1;
  --warn: #B76E00;
  --warn-bg: #FFF6E7;
  --info: #2458A6;
  --info-bg: var(--color-blue-soft);
  --correct: #43A047;
  --under: #E53935;
  --over: var(--color-coral);
  --track: #DCEBFA;
}

:where(html[data-chekku-page="weight-analysis-records"]) * {
  box-sizing: border-box;
}

html:where(html[data-chekku-page="weight-analysis-records"]),
:where(html[data-chekku-page="weight-analysis-records"]) body {
  height: 100%;
}

html:where(html[data-chekku-page="weight-analysis-records"]),
:where(html[data-chekku-page="weight-analysis-records"]) body {
  overflow-x: hidden;
}

:where(html[data-chekku-page="weight-analysis-records"]) body {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-ui);
  color: var(--text);
}

:where(html[data-chekku-page="weight-analysis-records"]) .sidebar {
  inset: 0 auto 0 0;
  height: 100%;
  transition: transform .25s ease;
  overflow-x: hidden;
}

:where(html[data-chekku-page="weight-analysis-records"]) .sidebar a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 12px;
  margin: 0 6px;
  border-radius: var(--radius-card);
  text-decoration: none;
  color: var(--color-blue-deep);
  font-weight: 600;
  white-space: nowrap;
  transition: background .15s ease,color .15s ease,transform .04s ease;
}

:where(html[data-chekku-page="weight-analysis-records"]) .sidebar a:hover {
  background: rgba(53,92,125,.10);
}

:where(html[data-chekku-page="weight-analysis-records"]) .sidebar a:active {
  transform: translateY(1px);
}

:where(html[data-chekku-page="weight-analysis-records"]) .sidebar a.active {
  background: var(--color-blue-soft);
  border: 1px solid rgba(53,92,125,.25);
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="weight-analysis-records"]) .sidebar-logo {
  display: block;
  width: 190px;
  margin: 20px auto 22px;
  filter: none;
  opacity: .95;
}

:where(html[data-chekku-page="weight-analysis-records"]) .sb-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

:where(html[data-chekku-page="weight-analysis-records"]) .sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="weight-analysis-records"]) .toggle-btn {
  position: fixed;
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  z-index: 1200;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .7rem .95rem;
  border-radius: var(--radius-control);
  box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  font-weight: 600;
}

:where(html[data-chekku-page="weight-analysis-records"]) .page-shell {
  padding: 22px 0 26px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero {
  position: relative;
  overflow: hidden;
  padding: 28px 26px;
  margin-bottom: 18px;
  isolation: isolate;
  min-height: 260px;
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero::before {
  content: none !important;
  position: absolute;
  inset: auto auto -70px -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero::after {
  content: none !important;
  position: absolute;
  inset: 0;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero.hero-alert::after {
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-mascot {
  position: absolute;
  left: 6px;
  bottom: -8px;
  width: min(29vw, 300px);
  max-width: 300px;
  min-width: 190px;
  z-index: 0;
  pointer-events: none;
  opacity: .98;
  filter: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-mascot img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-top-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto;
}

:where(html[data-chekku-page="weight-analysis-records"]) .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.14);
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero.hero-alert .eyebrow {
  background: var(--color-surface);
  border-color: rgba(229,57,53,.22);
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-grid {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 920px;
  padding-left: 6px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-copy h1 {
  margin: 0;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-copy p {
  margin: 0;
  max-width: 780px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-records"]) .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(39,58,77,.08);
  font-size: .9rem;
  font-weight: 600;
  color: var(--color-blue-deep);
  backdrop-filter: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  position: relative;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-card {
  min-height: 132px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  overflow: hidden;
  position: relative;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-card::after {
  content: "";
  position: absolute;
  width: 92px;
  height: 92px;
  right: -38px;
  top: -42px;
  border-radius: var(--radius-card);
  background: rgba(53,92,125,.08);
  pointer-events: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-card.is-wide {
  grid-column: 1 / -1;
  min-height: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-card.is-warning::after {
  background: rgba(245,158,11,.13);
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-icon {
  width: 38px;
  height: 38px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: rgba(53,92,125,.09);
  font-size: 1.08rem;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-kicker {
  font-size: .72rem;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: rgba(var(--ck-legacy-accent-rgb,23,55,95),0.62);
  text-align: right;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-value {
  position: relative;
  z-index: 1;
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -.06em;
  color: var(--color-ink);
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-title {
  position: relative;
  z-index: 1;
  margin-top: 2px;
  font-size: .95rem;
  font-weight: 600;
  color: var(--color-blue-deep);
  letter-spacing: -.02em;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-sub {
  position: relative;
  z-index: 1;
  margin-top: 4px;
  font-size: .78rem;
  font-weight: 600;
  color: rgba(var(--ck-legacy-accent-rgb,23,55,95),0.62);
  line-height: 1.35;
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-last-list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-pattern-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-pattern-card {
  padding: 12px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-pattern-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-pattern-title {
  font-size: .9rem;
  line-height: 1.2;
  font-weight: 600;
  color: var(--color-ink);
  letter-spacing: -.02em;
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-pattern-sub {
  margin-top: 3px;
  font-size: .74rem;
  font-weight: 600;
  color: rgba(var(--ck-legacy-accent-rgb,23,55,95),0.58);
  line-height: 1.3;
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-count-pill {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 30px;
  padding: 0 10px;
  border-radius: var(--radius-card);
  background: rgba(180,35,24,.10);
  color: var(--ck-legacy-danger,#B42318);
  border: 1px solid rgba(180,35,24,.12);
  font-size: .82rem;
  font-weight: 600;
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-last-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(245,158,11,.14);
  color: var(--color-blue-deep);
  font-size: .76rem;
  line-height: 1;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-last-item span {
  font-weight: 600;
  color: rgba(var(--ck-legacy-accent-rgb,23,55,95),0.58);
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-last-item strong {
  font-weight: 600;
  color: var(--color-ink);
  text-align: center;
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-last-item em {
  font-style: normal;
  font-weight: 600;
  color: var(--ck-legacy-danger,#B42318);
  text-align: right;
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-empty-note {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  padding: 8px 9px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.08);
  color: rgba(var(--ck-legacy-accent-rgb,23,55,95),0.58);
  font-size: .76rem;
  font-weight: 600;
}

@media (max-width: 980px) {
:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-cards {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-records"]) .trouble-pattern-grid {
  grid-template-columns: 1fr;
}
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero.hero-alert .meta-pill {
  background: var(--color-surface);
  border-color: rgba(229,57,53,.14);
  color: var(--ck-legacy-danger,#6F1D1B);
}

:where(html[data-chekku-page="weight-analysis-records"]) .meta-pill.meta-pill-alert,
:where(html[data-chekku-page="weight-analysis-records"]) .hero.hero-alert .meta-pill.meta-pill-alert {
  background: var(--color-surface) !important;
  border: 1px solid rgba(127,29,29,.50) !important;
  color: var(--color-ink) !important;
  text-shadow: none;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-strip {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-label {
  color: var(--color-blue-deep);
  font-size: .88rem;
  font-weight: 600;
  letter-spacing: .02em;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero.hero-alert .hero-inspector-label {
  color: var(--ck-legacy-danger,#9F1D1D);
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-form {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-pill {
  appearance: none;
  border: 1px solid rgba(53,92,125,.16);
  background: var(--color-surface);
  color: var(--color-blue-deep);
  padding: 10px 14px;
  border-radius: var(--radius-card);
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  transition: transform .14s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
  font-family: var(--font-ui);
  font-size: .9rem;
  line-height: 1;
  white-space: nowrap;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-pill:hover {
  transform: none;
  box-shadow: none;
  border-color: rgba(53,92,125,.24);
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-pill.is-active {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(53,92,125,.34);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero.hero-alert .hero-inspector-pill {
  border-color: rgba(229,57,53,.16);
  background: var(--color-surface);
  color: var(--ck-legacy-danger,#8E1C1C);
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero.hero-alert .hero-inspector-pill.is-active {
  background: var(--color-surface);
  border-color: rgba(198,40,40,.34);
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .page-export-form {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-toggle {
  position: static;
  z-index: 1;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 44px;
  padding: .72rem 1rem;
  border-radius: var(--radius-control);
  border: 1px solid rgba(53,92,125,.16);
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  box-shadow: none;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: transform .14s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-toggle:hover {
  transform: none;
  box-shadow: none;
  background: var(--color-surface);
  border-color: rgba(53,92,125,.22);
  color: var(--color-ink);
  filter: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-toggle:active {
  transform: translateY(0);
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-toggle-primary {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(53,92,125,.28);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-toggle-primary:hover {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: rgba(53,92,125,.34);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .panel {
  overflow: hidden;
  margin-bottom: 16px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .panel-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto;
}

:where(html[data-chekku-page="weight-analysis-records"]) .panel-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .panel-chip {
  padding: 9px 12px;
  border-radius: var(--radius-control);
  background: var(--color-blue-soft);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(53,92,125,.14);
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-grid {
  display: grid;
  grid-template-columns: 1.4fr .9fr;
  gap: 16px;
  align-items: stretch;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-card {
  position: relative;
  overflow: hidden;
  padding: 22px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-card.has-open-alerts::before {
  content: none !important;
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: var(--color-surface);
  border-radius: var(--radius-card) 0 0 var(--radius-card);
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-card::after {
  content: none !important;
  position: absolute;
  right: -36px;
  top: -36px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-card.has-open-alerts::after {
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: var(--color-blue-soft);
  color: var(--chekku-primary-700);
  border: 1px solid rgba(53,92,125,.14);
  font-size: .78rem;
  font-weight: 600;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-card.has-open-alerts .exec-kicker {
  background: var(--ck-legacy-danger-soft,#FFF1F1);
  color: var(--ck-legacy-danger,#B42318);
  border-color: rgba(229,57,53,.16);
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-big-label {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .82rem;
  font-weight: 600;
  margin-bottom: 6px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-big-value {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-big-sub {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 600;
  font-size: .94rem;
  line-height: 1.45;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat {
  min-width: 180px;
  padding: 14px 16px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat .label {
  color: var(--muted);
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat .value {
  margin-top: 6px;
  font-size: 1.65rem;
  font-weight: 600;
  line-height: 1;
  color: var(--color-ink);
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat.is-danger .label,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat.is-danger .value,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat.is-danger .sub {
  color: var(--ck-legacy-danger,#9F1D1D);
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat .sub {
  margin-top: 8px;
  color: var(--muted);
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.35;
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition {
  display: grid;
  gap: 10px;
  margin-top: 2px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-bar {
  width: 100%;
  height: 18px;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#DCEBFA);
  border: 1px solid rgba(39,58,77,.06);
  display: flex;
}

:where(html[data-chekku-page="weight-analysis-records"]) .seg {
  height: 100%;
}

:where(html[data-chekku-page="weight-analysis-records"]) .seg-correct {
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-records"]) .seg-under {
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-records"]) .seg-over {
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-legend {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .legend-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .legend-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex: 0 0 12px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .legend-name {
  font-size: .9rem;
  font-weight: 600;
  color: var(--color-ink);
  white-space: nowrap;
}

:where(html[data-chekku-page="weight-analysis-records"]) .legend-value {
  text-align: right;
  font-size: .88rem;
  font-weight: 600;
  color: var(--muted);
  line-height: 1.2;
}

:where(html[data-chekku-page="weight-analysis-records"]) .dot-correct {
  background: var(--correct);
}

:where(html[data-chekku-page="weight-analysis-records"]) .dot-under {
  background: var(--under);
}

:where(html[data-chekku-page="weight-analysis-records"]) .dot-over {
  background: var(--over);
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  height: 100%;
}

:where(html[data-chekku-page="weight-analysis-records"]) .mini-summary {
  position: relative;
  overflow: hidden;
  padding: 18px;
  box-shadow: none;
  min-height: 148px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .mini-summary::after {
  content: none !important;
  position: absolute;
  right: -30px;
  top: -30px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: var(--color-surface);
  pointer-events: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .mini-icon {
  display: grid;
  place-items: center;
  font-size: 1.25rem;
  box-shadow: none;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .mini-label {
  text-transform: uppercase;
}

:where(html[data-chekku-page="weight-analysis-records"]) .mini-value {
  margin-top: 6px;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
  color: var(--color-ink);
}

:where(html[data-chekku-page="weight-analysis-records"]) .mini-sub {
  margin-top: 8px;
  color: var(--muted);
  font-weight: 600;
  font-size: .9rem;
  line-height: 1.4;
}

:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-block {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(39,58,77,.07);
}

:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-title {
  color: var(--color-blue-deep);
  font-size: .88rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-sub {
  color: var(--muted);
  font-size: .84rem;
  font-weight: 600;
}

:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-list {
  display: grid;
  gap: 10px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(39,58,77,.07);
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-name {
  font-size: .94rem;
  font-weight: 600;
  color: var(--color-ink);
  line-height: 1.35;
}

:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-value {
  color: var(--ck-legacy-success,#1F8F5F);
  font-size: .98rem;
  font-weight: 600;
  white-space: nowrap;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-grid {
  display: grid;
  gap: 16px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-panel {
  padding: 18px;
  overflow: hidden;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-empty {
  background: var(--color-surface);
  border: 1px solid rgba(251,140,0,.16);
  border-radius: var(--radius-card);
  box-shadow: none;
  padding: 16px 18px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-title {
  margin: 0;
  color: var(--ck-legacy-danger,#B42318);
  font-size: 1.06rem;
  font-weight: 600;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-sub {
  margin-top: 4px;
  color: var(--ck-legacy-danger,#7A4F4A);
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.45;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  padding: 8px 12px;
  border-radius: var(--radius-card);
  background: #E53935;
  color: var(--color-ink);
  font-size: .9rem;
  font-weight: 600;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .table-card {
  overflow: hidden;
}

:where(html[data-chekku-page="weight-analysis-records"]) .table-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 18px 14px;
  border-bottom: 1px solid rgba(39,58,77,.06);
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-records"]) .table-card-title {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .table-card-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
}

:where(html[data-chekku-page="weight-analysis-records"]) .table-chip {
  padding: 8px 10px;
  border-radius: var(--radius-control);
  font-size: .78rem;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid rgba(53,92,125,.14);
  background: var(--color-blue-soft);
  color: var(--chekku-primary-700);
}

:where(html[data-chekku-page="weight-analysis-records"]) .table-responsive {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

:where(html[data-chekku-page="weight-analysis-records"]) table.size-table {
  width: 100%;
  min-width: 1400px;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-records"]) .size-table th,
:where(html[data-chekku-page="weight-analysis-records"]) .size-table td {
  padding: 11px 12px;
  font-size: .92rem;
  border-bottom: 1px solid rgba(var(--ck-legacy-line-rgb,0,0,0),0.06);
  vertical-align: middle;
  white-space: nowrap;
}

:where(html[data-chekku-page="weight-analysis-records"]) .size-table thead th {
  position: sticky;
  top: 0;
  background: var(--ck-legacy-blue-soft,#faf6ff);
  color: var(--color-blue-deep);
  font-weight: 600;
  z-index: 2;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .size-table tbody tr:hover {
  background: var(--ck-legacy-blue-soft,#FCFAFF);
}

:where(html[data-chekku-page="weight-analysis-records"]) .size-table tbody tr:last-child td {
  border-bottom: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .badge {
  padding: 6px 10px;
  border-radius: var(--radius-card);
  color: var(--color-ink);
  font-size: .85rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1.1;
}

:where(html[data-chekku-page="weight-analysis-records"]) .badge-blue {
  background: var(--ck-solid-blue,var(--color-blue));
}

:where(html[data-chekku-page="weight-analysis-records"]) .badge-green {
  background: #43A047;
}

:where(html[data-chekku-page="weight-analysis-records"]) .badge-orange {
  background: var(--color-coral);
}

:where(html[data-chekku-page="weight-analysis-records"]) .badge-pink {
  background: #d31493;
}

:where(html[data-chekku-page="weight-analysis-records"]) .badge-red {
  background: #E53935;
}

:where(html[data-chekku-page="weight-analysis-records"]) tr.underweight-row {
  background-color: var(--ck-legacy-danger-soft,#FFF1F1);
}

:where(html[data-chekku-page="weight-analysis-records"]) tr.overweight-row {
  background: var(--ck-legacy-warning-soft,#FFF7EB);
}

:where(html[data-chekku-page="weight-analysis-records"]) tr.correct-row {
  background: var(--ck-legacy-success-soft,#F1FBF5);
}

:where(html[data-chekku-page="weight-analysis-records"]) .icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(39,58,77,.10);
  cursor: pointer;
  text-decoration: none;
  transition: transform .14s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .icon-btn:hover {
  transform: none;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .icon-btn .material-symbols-rounded {
  font-size: 20px;
  line-height: 1;
}

:where(html[data-chekku-page="weight-analysis-records"]) .seen-btn {
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  padding: .55rem .85rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .seen-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .plu-thumb {
  height: 42px;
  width: auto;
  display: block;
  border-radius: var(--radius-card);
  box-shadow: none;
  background: var(--color-surface);
  padding: 2px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .pagination-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px 18px;
  flex-wrap: wrap;
  border-top: 1px solid rgba(39,58,77,.06);
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-records"]) .pagination-meta {
  color: var(--ck-legacy-muted,#6A6580);
  font-weight: 600;
  font-size: .94rem;
}

:where(html[data-chekku-page="weight-analysis-records"]) .pagination-actions {
  display: flex;
  gap: .6rem;
  align-items: center;
  flex-wrap: wrap;
}

:where(html[data-chekku-page="weight-analysis-records"]) .btn {
  padding: .7rem 1rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 1;
}

:where(html[data-chekku-page="weight-analysis-records"]) .btn-primary {
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: var(--chekku-primary);
}

:where(html[data-chekku-page="weight-analysis-records"]) .btn-primary:hover {
  filter: brightness(1.03);
}

:where(html[data-chekku-page="weight-analysis-records"]) .btn-ghost {
  background: var(--color-surface);
  color: var(--chekku-primary);
  border-color: var(--ck-legacy-line,#e7dff5);
}

:where(html[data-chekku-page="weight-analysis-records"]) .btn-ghost:hover {
  background: var(--ck-legacy-blue-soft,#faf6ff);
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-backdrop {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
  z-index: 1300;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(680px, 94vw);
  height: 100vh;
  display: flex;
  flex-direction: column;
  transform: translateX(110%);
  transition: transform .28s ease;
  z-index: 1310;
  overflow: hidden;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-drawer.open {
  transform: translateX(0);
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-drawer header {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 14px;
  background: var(--color-surface);
  border-bottom: 1px solid rgba(53,92,125,.12);
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-head-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-head-copy h3 {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-head-copy p {
  margin: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-head-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-drawer .close {
  background: var(--color-surface);
  border: 1px solid rgba(39,58,77,.12);
  border-radius: var(--radius-card);
  padding: .6rem .9rem;
  font-weight: 600;
  cursor: pointer;
  color: var(--color-blue-deep);
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-body {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 14px 16px 20px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .drawer-section {
  margin-bottom: 18px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .drawer-section:last-child {
  margin-bottom: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .quick-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .quick-chip {
  appearance: none;
  border: 1px solid rgba(53,92,125,.14);
  background: var(--color-surface);
  color: var(--color-blue-deep);
  padding: 10px 14px;
  border-radius: var(--radius-control);
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  transition: transform .14s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

:where(html[data-chekku-page="weight-analysis-records"]) .quick-chip:hover {
  transform: none;
  box-shadow: none;
  border-color: rgba(53,92,125,.22);
  background: var(--color-surface);
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .input-group {
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .input-group label {
  display: block;
  margin-bottom: 7px;
  color: var(--color-blue-deep);
  font-weight: 600;
  font-size: .93rem;
}

:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap {
  position: relative;
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .input-icon {
  position: absolute;
  left: .8rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
}

:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap input[type="date"],
:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap select {
  width: 100%;
  min-width: 0;
  height: 46px;
  box-sizing: border-box;
  padding: .68rem 2.9rem .68rem 2.35rem;
  border: 1px solid rgba(39,58,77,.12);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--ck-legacy-accent,#1E1B2A);
  font-family: var(--font-ui);
  font-weight: 600;
  font-size: .95rem;
  line-height: 1.1;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap input[type="date"]::-webkit-date-and-time-value {
  text-align: left;
}

:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: .9rem;
  opacity: .85;
  cursor: pointer;
}

:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap input[type="date"]:focus,
:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap select:focus {
  border-color: var(--ck-legacy-line,#cbb9f0);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-actions.sticky {
  position: sticky;
  bottom: 0;
  z-index: 3;
  margin: 0 -16px -20px;
  padding: 14px 16px calc(14px + env(safe-area-inset-bottom));
  background: var(--color-surface);
  border-top: 1px solid rgba(53,92,125,.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  backdrop-filter: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .actions-right {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

:where(html[data-chekku-page="weight-analysis-records"]) #filtersDrawer .select2-container {
  width: 100% !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) #filtersDrawer .select2-container .select2-selection--multiple {
  min-height: 46px;
  border-radius: var(--radius-control);
  border: 1px solid rgba(39,58,77,.12);
  padding: 6px 10px 6px 2.25rem;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) #filtersDrawer .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--ck-legacy-line,#cbb9f0);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) #filtersDrawer .select2-container .select2-search--inline .select2-search__field {
  margin-top: 4px;
  font-family: var(--font-ui);
}

:where(html[data-chekku-page="weight-analysis-records"]) #filtersDrawer .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: var(--color-blue-soft);
  border: 1px solid rgba(53,92,125,.14);
  color: var(--color-blue-deep);
  border-radius: var(--radius-control);
  padding: 4px 10px;
  font-weight: 600;
}

:where(html[data-chekku-page="weight-analysis-records"]) #filtersDrawer .select2-dropdown {
  border: 1px solid rgba(53,92,125,.14);
  border-radius: var(--radius-control);
  overflow: hidden;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: #1e293b;
  color: var(--color-ink);
  padding: .8rem 1rem;
  border-radius: var(--radius-card);
  opacity: 0;
  transform: translateY(10px);
  transition: all .25s ease;
  z-index: 1400;
  box-shadow: none;
  font-weight: 600;
}

:where(html[data-chekku-page="weight-analysis-records"]) .toast.show {
  opacity: 1;
  transform: translateY(0);
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-panel-strong {
  position: relative;
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid rgba(229,57,53,.20);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-panel-strong::before {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  border-left: 6px solid #E53935;
  pointer-events: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-top-strong {
  align-items: center;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-copy {
  min-width: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-danger-soft,#FDECEC);
  border: 1px solid rgba(229,57,53,.16);
  color: var(--ck-legacy-danger,#B42318);
  font-size: .78rem;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-badge-strong {
  min-width: 72px;
  min-height: 72px;
  padding: 0 14px;
  border-radius: var(--radius-card);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 600;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-side-note {
  color: var(--ck-legacy-danger,#8A4A45);
  font-size: .82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-glow-line {
  height: 4px;
  width: 100%;
  border-radius: var(--radius-card);
  margin: 4px 0 14px;
  background: var(--color-surface);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .underweight-table thead th {
  background: var(--ck-legacy-danger-soft,#FFF3F2);
  color: var(--ck-legacy-danger,#9F1D1D);
}

:where(html[data-chekku-page="weight-analysis-records"]) .underweight-row-strong td:first-child {
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-panel,
:where(html[data-chekku-page="weight-analysis-records"]) .alert-panel-strong,
:where(html[data-chekku-page="weight-analysis-records"]) .alert-empty {
  margin-bottom: 18px;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(17,10,35,.42);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  z-index: 2400;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal.show {
  display: flex;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .glass-modal {
  width: min(100%,560px);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  border-radius: var(--radius-card);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  overflow: hidden;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .glass-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .glass-modal-title {
  margin: 0;
  color: var(--chekku-primary-700);
  font-size: 1.12rem;
  font-weight: 600;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .glass-modal-sub {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.45;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .glass-close {
  appearance: none;
  border: none;
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  width: 42px;
  height: 42px;
  border-radius: var(--radius-card);
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .glass-modal-body {
  padding: 16px 20px 22px;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .delete-icon {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  color: var(--ck-legacy-danger,#C62828);
  font-size: 1.6rem;
  box-shadow: none;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .delete-record-label {
  margin: 0;
  padding: 12px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.10);
  color: var(--ck-legacy-accent,#443b58);
  font-weight: 600;
  line-height: 1.5;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .delete-detail-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin-top: 14px;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .delete-detail-item {
  padding: 12px 13px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.10);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .delete-detail-key {
  display: block;
  margin-bottom: 4px;
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ck-legacy-muted,#7a718f);
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .delete-detail-value {
  display: block;
  color: var(--ck-legacy-accent,#2e2447);
  font-weight: 600;
  line-height: 1.4;
  word-break: break-word;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .delete-warning-note {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(198,40,40,.14);
  color: var(--ck-legacy-danger,#7b1f1f);
  font-weight: 600;
  line-height: 1.5;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .modal-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 18px;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .modal-btn {
  appearance: none;
  border: none;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  min-width: 160px;
  padding: .82rem 1.2rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
  font-family: var(--font-ui);
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .modal-btn:hover {
  transform: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .modal-btn-cancel {
  background: var(--color-surface);
  color: var(--color-blue-deep);
  border: 1px solid rgba(53,92,125,.14);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .modal-btn-delete {
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(17,10,35,.42);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  z-index: 2400;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal.show {
  display: flex;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .glass-modal {
  width: min(100%,560px);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42);
  border-radius: var(--radius-card);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  overflow: hidden;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .glass-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .glass-modal-title {
  margin: 0;
  color: var(--chekku-primary-700);
  font-size: 1.12rem;
  font-weight: 600;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .glass-modal-sub {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.45;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .glass-close {
  appearance: none;
  border: none;
  background: var(--color-surface);
  color: var(--chekku-primary-700);
  width: 42px;
  height: 42px;
  border-radius: var(--radius-card);
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .glass-modal-body {
  padding: 16px 20px 22px;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .seen-icon {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-card);
  display: grid;
  place-items: center;
  background: var(--color-surface);
  color: var(--ck-legacy-success,#1B5E20);
  font-size: 1.6rem;
  box-shadow: none;
  margin-bottom: 14px;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .seen-record-label {
  margin: 0;
  padding: 12px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.10);
  color: var(--ck-legacy-accent,#443b58);
  font-weight: 600;
  line-height: 1.5;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .seen-detail-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin-top: 14px;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .seen-detail-item {
  padding: 12px 13px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(53,92,125,.10);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .seen-detail-key {
  display: block;
  margin-bottom: 4px;
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ck-legacy-muted,#7a718f);
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .seen-detail-value {
  display: block;
  color: var(--ck-legacy-accent,#2e2447);
  font-weight: 600;
  line-height: 1.4;
  word-break: break-word;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .seen-note {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(46,125,50,.14);
  color: var(--ck-legacy-success,#1b5e20);
  font-weight: 600;
  line-height: 1.5;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .modal-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 18px;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .modal-btn {
  appearance: none;
  border: none;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  min-width: 160px;
  padding: .82rem 1.2rem;
  border-radius: var(--radius-control);
  font-weight: 600;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
  font-family: var(--font-ui);
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .modal-btn:hover {
  transform: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .modal-btn-cancel {
  background: var(--color-surface);
  color: var(--color-blue-deep);
  border: 1px solid rgba(53,92,125,.14);
  box-shadow: none;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .modal-btn-confirm {
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="weight-analysis-records"]) .exec-grid {
  grid-template-columns: 1fr;
}
}

@media (max-width:640px) {
:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .glass-modal {
  width: min(100%,94vw);
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .delete-detail-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-records"]) #deleteModal .modal-actions .modal-btn {
  width: 100%;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .glass-modal {
  width: min(100%,94vw);
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .seen-detail-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-records"]) #seenModal .modal-actions .modal-btn {
  width: 100%;
}
}

@media (max-width:980px) {
:where(html[data-chekku-page="weight-analysis-records"]) .hero-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero {
  min-height: auto;
  padding-bottom: 22px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-mascot {
  width: 220px;
  left: -12px;
  bottom: -6px;
  opacity: .24;
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-legend,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-grid {
  grid-template-columns: 1fr 1fr;
}
}

@media (max-width:760px) {
:where(html[data-chekku-page="weight-analysis-records"]) .page-shell {
  padding-top: 14px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero {
  padding: 20px 16px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-top {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-top-actions {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-mascot {
  width: 180px;
  left: -24px;
  bottom: -6px;
  opacity: .18;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-copy {
  padding-left: 0;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-main {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat {
  min-width: 0;
  width: 100%;
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-legend,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-grid,
:where(html[data-chekku-page="weight-analysis-records"]) .filters-grid {
  grid-template-columns: 1fr;
}

:where(html[data-chekku-page="weight-analysis-records"]) .panel-head,
:where(html[data-chekku-page="weight-analysis-records"]) .table-card-head,
:where(html[data-chekku-page="weight-analysis-records"]) .alert-top {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="weight-analysis-records"]) .alert-side {
  align-items: flex-start;
}

:where(html[data-chekku-page="weight-analysis-records"]) .panel-actions {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-toggle,
:where(html[data-chekku-page="weight-analysis-records"]) .page-export-form {
  width: 100%;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-top-actions .page-export-form {
  width: 100%;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-top-actions .page-export-form .filters-toggle {
  width: 100%;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-pills {
  gap: 8px;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-form {
  width: 100%;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-pill {
  width: 100%;
  justify-content: center;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-drawer {
  width: min(100vw, 100%);
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-drawer header {
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-head-actions {
  width: 100%;
  justify-content: flex-start;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-actions.sticky,
:where(html[data-chekku-page="weight-analysis-records"]) .actions-right {
  width: 100%;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-actions.sticky .btn,
:where(html[data-chekku-page="weight-analysis-records"]) .actions-right .btn {
  width: 100%;
}
}

:root:where(html[data-chekku-page="weight-analysis-records"]) {
  --bg-start: var(--color-ink) !important;
  --bg-mid: var(--color-blue-deep) !important;
  --bg-end: var(--color-peach-soft) !important;
  --glass: rgba(255,255,255,.66) !important;
  --track: rgba(53,92,125,.10) !important;
  --success: #1F8F5F !important;
  --success-bg: #EAF9F1 !important;
  --danger: #B42318 !important;
  --danger-bg: #FFF0F2 !important;
  --warn: #8A5200 !important;
  --warn-bg: var(--color-peach-soft) !important;
  --info: var(--color-blue) !important;
  --info-bg: var(--color-blue-soft) !important;
  --correct: #1F8F5F !important;
  --under: #E53935 !important;
  --over: var(--color-coral) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) body {
  color: var(--text) !important;
  background-size: cover !important;
  position: relative !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) body::before {
  content: none !important;
  position: fixed;
  inset: 0;
  opacity: .86;
  background: var(--color-surface);
  pointer-events: none;
  z-index: -2;
}

:where(html[data-chekku-page="weight-analysis-records"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
  z-index: -1;
}

:where(html[data-chekku-page="weight-analysis-records"]) .page-shell,
:where(html[data-chekku-page="weight-analysis-records"]) header,
:where(html[data-chekku-page="weight-analysis-records"]) main {
  position: relative !important;
  z-index: 1 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .toggle-btn,
:where(html[data-chekku-page="weight-analysis-records"]) .nav-toggle {
  background: var(--color-surface) !important;
  box-shadow: none !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .sidebar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .sidebar a:hover,
:where(html[data-chekku-page="weight-analysis-records"]) .sidebar a.active,
:where(html[data-chekku-page="weight-analysis-records"]) .sidebar a[aria-current="page"] {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .sb-backdrop,
:where(html[data-chekku-page="weight-analysis-records"]) .filters-backdrop,
:where(html[data-chekku-page="weight-analysis-records"]) .delete-modal,
:where(html[data-chekku-page="weight-analysis-records"]) .modal {
  background: rgba(39,58,77,.52) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .sidebar-logo,
:where(html[data-chekku-page="weight-analysis-records"]) .sidebar-footer {
  display: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero::before {
  background: var(--color-surface) !important;
  width: 320px !important;
  height: 320px !important;
  right: -120px !important;
  top: -140px !important;
  left: auto !important;
  bottom: auto !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero.hero-alert::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-mascot {
  filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .eyebrow,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-kicker,
:where(html[data-chekku-page="weight-analysis-records"]) .panel-chip,
:where(html[data-chekku-page="weight-analysis-records"]) .filters-toggle-primary {
  color: var(--color-blue-soft) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero.hero-alert .eyebrow,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-card.has-open-alerts .exec-kicker {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.22) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-copy h1,
:where(html[data-chekku-page="weight-analysis-records"]) .panel-title,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-big-value,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat .value,
:where(html[data-chekku-page="weight-analysis-records"]) .mini-value,
:where(html[data-chekku-page="weight-analysis-records"]) .legend-value,
:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-title,
:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-name,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-value,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-title,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-pattern-title,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-last-item strong,
:where(html[data-chekku-page="weight-analysis-records"]) .delete-modal-title,
:where(html[data-chekku-page="weight-analysis-records"]) .filters-drawer header .title,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-label {
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-copy p,
:where(html[data-chekku-page="weight-analysis-records"]) .meta-pill,
:where(html[data-chekku-page="weight-analysis-records"]) .panel-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-big-label,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-big-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat .label,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat .sub,
:where(html[data-chekku-page="weight-analysis-records"]) .mini-label,
:where(html[data-chekku-page="weight-analysis-records"]) .mini-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .legend-name,
:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-kicker,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-pattern-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-empty-note,
:where(html[data-chekku-page="weight-analysis-records"]) .table-pagination-meta,
:where(html[data-chekku-page="weight-analysis-records"]) .delete-modal-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .filters-drawer header .subtitle {
  color: var(--muted) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .meta-pill,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-card,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-pattern-card,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-last-item,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-empty-note,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat,
:where(html[data-chekku-page="weight-analysis-records"]) .legend-chip,
:where(html[data-chekku-page="weight-analysis-records"]) .mini-summary,
:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-row,
:where(html[data-chekku-page="weight-analysis-records"]) .alert-panel,
:where(html[data-chekku-page="weight-analysis-records"]) .alert-empty,
:where(html[data-chekku-page="weight-analysis-records"]) .filter-chip,
:where(html[data-chekku-page="weight-analysis-records"]) .page-link,
:where(html[data-chekku-page="weight-analysis-records"]) .delete-warning {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-card::after,
:where(html[data-chekku-page="weight-analysis-records"]) .mini-summary::after,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-card::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-drawer header,
:where(html[data-chekku-page="weight-analysis-records"]) .drawer-footer,
:where(html[data-chekku-page="weight-analysis-records"]) .delete-modal-head {
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-toggle,
:where(html[data-chekku-page="weight-analysis-records"]) .btn-ghost,
:where(html[data-chekku-page="weight-analysis-records"]) .icon-btn,
:where(html[data-chekku-page="weight-analysis-records"]) .delete-modal-close {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-toggle:hover,
:where(html[data-chekku-page="weight-analysis-records"]) .btn-ghost:hover,
:where(html[data-chekku-page="weight-analysis-records"]) .icon-btn:hover,
:where(html[data-chekku-page="weight-analysis-records"]) .page-link:hover,
:where(html[data-chekku-page="weight-analysis-records"]) .filter-chip:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.92) !important;
  border-color: rgba(53,92,125,.18) !important;
  color: var(--chekku-primary-700) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-pill {
  background: var(--color-surface) !important;
  color: var(--chekku-primary-700) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-pill.is-active,
:where(html[data-chekku-page="weight-analysis-records"]) .filter-chip.active,
:where(html[data-chekku-page="weight-analysis-records"]) .page-link.is-active,
:where(html[data-chekku-page="weight-analysis-records"]) .btn-primary {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .meta-pill.meta-pill-alert,
:where(html[data-chekku-page="weight-analysis-records"]) .hero.hero-alert .meta-pill.meta-pill-alert,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-count-pill,
:where(html[data-chekku-page="weight-analysis-records"]) .icon-btn.del,
:where(html[data-chekku-page="weight-analysis-records"]) .btn-danger {
  color: #fff !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.26) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .btn-success {
  color: #fff !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .icon-btn.edit {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.24) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat.is-danger .label,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat.is-danger .value,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat.is-danger .sub,
:where(html[data-chekku-page="weight-analysis-records"]) .alert-title {
  color: var(--ck-legacy-danger,#B42318) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-bar {
  background: rgba(53,92,125,.10) !important;
  border-color: rgba(53,92,125,.10) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .seg-correct {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .seg-under {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .seg-over {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .dot-correct {
  background: var(--correct) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .dot-under {
  background: var(--under) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .dot-over {
  background: var(--over) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .tone-red .mini-icon,
:where(html[data-chekku-page="weight-analysis-records"]) .tone-orange .mini-icon,
:where(html[data-chekku-page="weight-analysis-records"]) .tone-blue .mini-icon,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-icon {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .badge,
:where(html[data-chekku-page="weight-analysis-records"]) .seen-mark {
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .badge-green {
  background: var(--ck-legacy-success-soft,#EAF9F1) !important;
  color: var(--ck-legacy-success,#1F8F5F) !important;
  border-color: rgba(31,143,95,.16) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .badge-red {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.16) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .badge-orange {
  background: var(--color-peach-soft) !important;
  color: var(--ck-legacy-warning,#8A5200) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,246,114,128),0.18) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .badge-blue {
  background: var(--color-blue-soft) !important;
  color: var(--color-blue) !important;
  border-color: rgba(53,92,125,.16) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .badge-pink {
  background: var(--ck-legacy-blue-soft,#FFF0F7) !important;
  color: var(--ck-legacy-danger,#9D174D) !important;
  border-color: rgba(157,23,77,.16) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .table-scroll,
:where(html[data-chekku-page="weight-analysis-records"]) .records-table-wrap,
:where(html[data-chekku-page="weight-analysis-records"]) .table-shell {
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) table,
:where(html[data-chekku-page="weight-analysis-records"]) .records-table {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) table thead th,
:where(html[data-chekku-page="weight-analysis-records"]) .records-table thead th {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.96) !important;
  color: var(--chekku-primary-700) !important;
  border-bottom: 1px solid rgba(53,92,125,.12) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) table tbody tr,
:where(html[data-chekku-page="weight-analysis-records"]) .records-table tbody tr {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) table tbody tr:hover,
:where(html[data-chekku-page="weight-analysis-records"]) .records-table tbody tr:hover {
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.46) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) table th,
:where(html[data-chekku-page="weight-analysis-records"]) table td,
:where(html[data-chekku-page="weight-analysis-records"]) .records-table th,
:where(html[data-chekku-page="weight-analysis-records"]) .records-table td {
  border-bottom: 1px solid rgba(39,58,77,.06) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .underweight-row {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,240,242),0.72) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .overweight-row {
  background: rgba(var(--ck-legacy-warning-soft-rgb,255,244,217),0.72) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .correct-row {
  background: rgba(var(--ck-legacy-success-soft-rgb,234,249,241),0.62) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .plu-thumb,
:where(html[data-chekku-page="weight-analysis-records"]) .photo-thumb {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.42) !important;
  box-shadow: none !important;
  background: rgba(var(--ck-legacy-blue-soft-rgb,234,244,255),0.74) !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap input[type="date"],
:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap input[type="time"],
:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap input[type="number"],
:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap input[type="text"],
:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap select,
:where(html[data-chekku-page="weight-analysis-records"]) .select2-container--default .select2-selection--multiple,
:where(html[data-chekku-page="weight-analysis-records"]) .select2-container--default .select2-selection--single {
  background: var(--color-surface) !important;
  border: 1px solid rgba(53,92,125,.14) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .select2-dropdown {
  border: 1px solid rgba(53,92,125,.14) !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid rgba(53,92,125,.16) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filter-chip-reset {
  background: var(--ck-legacy-danger-soft,#FFF0F2) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .page-link.is-disabled {
  opacity: .46 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .delete-warning {
  background: var(--color-surface) !important;
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .delete-warning-icon {
  color: var(--ck-legacy-danger,#B42318) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(180,35,24,.16) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .modal img {
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.32) !important;
  box-shadow: none !important;
}

@media (max-width:760px) {
:where(html[data-chekku-page="weight-analysis-records"]) .hero,
:where(html[data-chekku-page="weight-analysis-records"]) .panel,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-card,
:where(html[data-chekku-page="weight-analysis-records"]) .alert-panel,
:where(html[data-chekku-page="weight-analysis-records"]) .alert-empty,
:where(html[data-chekku-page="weight-analysis-records"]) .delete-modal-card {
  border-radius: var(--radius-card) !important;
}
}

:root:where(html[data-chekku-page="weight-analysis-records"]) {
  --border: rgba(53,92,125,.14) !important;
  --border-soft: rgba(39,58,77,.08) !important;
  --track: #DCEBFA !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .sidebar a {
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .sidebar a:hover {
  background: rgba(53,92,125,.10) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .sidebar a.active {
  background: var(--color-blue-soft) !important;
  border-color: rgba(53,92,125,.25) !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .toggle-btn,
:where(html[data-chekku-page="weight-analysis-records"]) .filters-toggle-primary,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-pill.is-active,
:where(html[data-chekku-page="weight-analysis-records"]) .page-link.is-active,
:where(html[data-chekku-page="weight-analysis-records"]) .btn-primary,
:where(html[data-chekku-page="weight-analysis-records"]) .icon-btn.edit {
  background: var(--color-surface) !important;
  border-color: rgba(53,92,125,.28) !important;
  box-shadow: none !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .eyebrow,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-kicker,
:where(html[data-chekku-page="weight-analysis-records"]) .panel-chip {
  background: var(--color-blue-soft) !important;
  color: var(--color-blue-deep) !important;
  border-color: rgba(53,92,125,.14) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-copy h1,
:where(html[data-chekku-page="weight-analysis-records"]) .panel-title,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-label,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-value,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-title,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-pattern-title,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-last-item strong,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-big-value,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat .value,
:where(html[data-chekku-page="weight-analysis-records"]) .mini-value,
:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-title,
:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-name,
:where(html[data-chekku-page="weight-analysis-records"]) .legend-name,
:where(html[data-chekku-page="weight-analysis-records"]) .filters-drawer header .title,
:where(html[data-chekku-page="weight-analysis-records"]) .delete-modal-title {
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-copy p,
:where(html[data-chekku-page="weight-analysis-records"]) .meta-pill,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-kicker,
:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-pattern-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-last-item span,
:where(html[data-chekku-page="weight-analysis-records"]) .trouble-empty-note,
:where(html[data-chekku-page="weight-analysis-records"]) .panel-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-big-label,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-big-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat .label,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-side-stat .sub,
:where(html[data-chekku-page="weight-analysis-records"]) .mini-label,
:where(html[data-chekku-page="weight-analysis-records"]) .mini-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-sub,
:where(html[data-chekku-page="weight-analysis-records"]) .legend-value,
:where(html[data-chekku-page="weight-analysis-records"]) .filters-drawer header .subtitle,
:where(html[data-chekku-page="weight-analysis-records"]) .delete-modal-sub {
  color: var(--color-muted) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-card::after,
:where(html[data-chekku-page="weight-analysis-records"]) .exec-card::after,
:where(html[data-chekku-page="weight-analysis-records"]) .mini-summary::after {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-personal-icon {
  background: rgba(53,92,125,.09) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-pill,
:where(html[data-chekku-page="weight-analysis-records"]) .filters-toggle {
  border-color: rgba(53,92,125,.16) !important;
  background: var(--color-surface) !important;
  color: var(--color-blue-deep) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .hero-inspector-pill:hover,
:where(html[data-chekku-page="weight-analysis-records"]) .filters-toggle:hover {
  border-color: rgba(53,92,125,.24) !important;
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .exec-card,
:where(html[data-chekku-page="weight-analysis-records"]) .mini-summary,
:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-row,
:where(html[data-chekku-page="weight-analysis-records"]) .legend-chip {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-bar {
  background: var(--ck-legacy-blue-soft,#DCEBFA) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .avg-pack-block {
  border-top-color: rgba(39,58,77,.07) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-table thead th,
:where(html[data-chekku-page="weight-analysis-records"]) table.records-table thead th,
:where(html[data-chekku-page="weight-analysis-records"]) table thead th {
  background: var(--color-blue-soft) !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-table tbody tr:hover,
:where(html[data-chekku-page="weight-analysis-records"]) table tbody tr:hover {
  background: var(--ck-legacy-blue-soft,#F3F8FF) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap input,
:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap select,
:where(html[data-chekku-page="weight-analysis-records"]) .select2-container--default .select2-selection--multiple,
:where(html[data-chekku-page="weight-analysis-records"]) .select2-container--default .select2-selection--single {
  border-color: rgba(53,92,125,.16) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap input:focus,
:where(html[data-chekku-page="weight-analysis-records"]) .input-wrap select:focus,
:where(html[data-chekku-page="weight-analysis-records"]) .select2-container--focus .select2-selection--multiple,
:where(html[data-chekku-page="weight-analysis-records"]) .select2-container--focus .select2-selection--single {
  border-color: rgba(53,92,125,.34) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: var(--color-blue-soft) !important;
  border-color: rgba(53,92,125,.16) !important;
  color: var(--color-blue) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) body {
  background: var(--ck-solid-ink,var(--color-ink)) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .chekku-bg-filter {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background: var(--color-surface);
  background-size: cover;
  background-attachment: scroll;
  transform: translateZ(0);
  will-change: transform;
}

:where(html[data-chekku-page="weight-analysis-records"]) header,
:where(html[data-chekku-page="weight-analysis-records"]) main,
:where(html[data-chekku-page="weight-analysis-records"]) .page-shell,
:where(html[data-chekku-page="weight-analysis-records"]) .content {
  position: relative;
  z-index: 1;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-backdrop {
  z-index: 1390 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filters-drawer {
  z-index: 1400 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) body::before,
:where(html[data-chekku-page="weight-analysis-records"]) body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .page-shell {
  padding-top: 22px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .top-control-section {
  position: relative !important;
  margin-bottom: 18px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .app-topbar {
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .topbar-main-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .brand-cluster {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .brand-orb {
  flex: 0 0 124px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .brand-orb img {
  width: 124px !important;
  height: 124px !important;
  object-fit: contain !important;
  filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .app-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .app-topbar h1 {
  margin: 8px 0 0 !important;
  background: transparent !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .brand-copy p {
  margin: 8px 0 0 !important;
  max-width: 760px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .topbar-actions,
:where(html[data-chekku-page="weight-analysis-records"]) .primary-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .topbar-form-pill {
  margin: 0 !important;
  display: inline-flex !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .topbar-form-pill button {
  font: inherit !important;
  cursor: pointer !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-blue-deep) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.52) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  appearance: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .action-chip,
:where(html[data-chekku-page="weight-analysis-records"]) .export-chip,
:where(html[data-chekku-page="weight-analysis-records"]) .filter-chip-top {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .back-btn {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .topbar-reference-line {
  width: 100% !important;
  margin-top: 18px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-records-workspace {
  display: grid !important;
  grid-template-columns: minmax(310px,.42fr) minmax(0,1.58fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-side-stack {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  position: sticky !important;
  top: 18px !important;
  z-index: 20 !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
  padding-right: 2px !important;
  scrollbar-width: thin !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-side-stack::-webkit-scrollbar {
  width: 6px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-side-stack::-webkit-scrollbar-thumb {
  background: var(--color-surface) !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-main-stack {
  min-width: 0 !important;
  display: block !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-intro-card,
:where(html[data-chekku-page="weight-analysis-records"]) .side-mini-card {
  position: relative !important;
  overflow: hidden !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-intro-card {
  min-height: 248px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-intro-card h2,
:where(html[data-chekku-page="weight-analysis-records"]) .side-mini-card h3 {
  margin: 4px 0 0 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-intro-card p {
  margin: 9px 0 0 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-stat-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-stat-grid.compact {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-stat-box {
  min-width: 0 !important;
  padding: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-stat-box strong {
  display: block !important;
  color: var(--color-ink) !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-stat-box small {
  display: block !important;
  margin-top: 5px !important;
  color: var(--color-muted) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-chip-list {
  display: grid !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  color: var(--color-blue-deep) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-chip strong {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-chip-alert {
  background: var(--color-surface) !important;
  color: var(--ck-legacy-danger,#B42318) !important;
  border-color: rgba(180,35,24,.20) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-status-grid {
  display: grid !important;
  gap: 9px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-status-pill {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.62) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-status-pill span {
  font-size: .82rem !important;
  font-weight: 600 !important;
  color: var(--color-muted) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-status-pill strong {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--color-ink) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .status-correct strong {
  color: var(--ck-legacy-success,#1F8F5F) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .status-under strong {
  color: var(--ck-legacy-danger,#B42318) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .status-over strong {
  color: var(--ck-legacy-warning,#B76E00) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-inspector-pills {
  justify-content: flex-start !important;
  gap: 8px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-inspector-pills .hero-inspector-form {
  margin: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-inspector-pills .hero-inspector-pill {
  width: 100% !important;
  border-radius: var(--radius-card) !important;
  min-height: 38px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-main-stack > .panel,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-main-stack > .records-grid {
  margin-top: 0 !important;
}

@media (max-width:1180px) {
:where(html[data-chekku-page="weight-analysis-records"]) .weight-records-workspace {
  grid-template-columns: 1fr !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-side-stack {
  position: relative !important;
  top: auto !important;
  max-height: none !important;
  overflow: visible !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-intro-card {
  min-height: 220px !important;
}
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-records"]) .page-shell {
  padding-top: 12px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .brand-orb {
  flex-basis: 84px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .brand-orb img {
  width: 84px !important;
  height: 84px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .brand-cluster {
  align-items: flex-start !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .topbar-actions {
  justify-content: flex-start !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .chip {
  white-space: normal !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-side-stack {
  grid-template-columns: 1fr !important;
}
}

:where(html[data-chekku-page="weight-analysis-records"]) .brand-cluster {
  flex: 1 1 auto !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .topbar-actions.primary-actions {
  margin-left: auto !important;
  justify-content: flex-end !important;
  align-self: flex-start !important;
  padding-top: 14px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .topbar-form-pill,
:where(html[data-chekku-page="weight-analysis-records"]) .topbar-form-pill button {
  min-height: 42px !important;
  height: auto !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .export-chip {
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-control) !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .filter-chip-top {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-status-pill {
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 66px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-status-pill span {
  line-height: 1 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .side-status-pill strong {
  display: block !important;
  margin-top: 2px !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .app-topbar h1,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .side-intro-card h2,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .side-mini-card h3,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .panel-title,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode h2,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode h3 {
  -webkit-text-fill-color: #7F1D1D !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .side-intro-card,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .side-mini-card,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .panel,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .exec-card,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .records-grid,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .table-card,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .filter-card {
  background: var(--color-surface) !important;
  border-color: rgba(180,35,24,.22) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .side-kicker,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .mini-label,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .section-kicker {
  color: var(--ck-legacy-danger,#B42318) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .side-chip,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .side-stat-box,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .side-status-pill {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,247,247),0.78) !important;
  border-color: rgba(180,35,24,.18) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .side-chip strong,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .side-stat-box strong {
  color: var(--ck-legacy-danger,#7F1D1D) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .status-under {
  background: var(--color-surface) !important;
  border-color: rgba(180,35,24,.30) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .status-under strong {
  color: var(--ck-legacy-danger,#B42318) !important;
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-records"]) .topbar-actions.primary-actions {
  margin-left: 0 !important;
  align-self: auto !important;
  padding-top: 0 !important;
  justify-content: flex-start !important;
}
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-legend {
  align-items: stretch !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-legend .legend-chip {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 82px !important;
  padding: 13px 14px !important;
  text-align: left !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-legend .legend-left {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-legend .legend-name {
  display: block !important;
  width: 100% !important;
  font-size: .78rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-legend .legend-value {
  display: block !important;
  width: 100% !important;
  margin: 0 0 0 21px !important;
  text-align: left !important;
  font-size: 1.16rem !important;
  line-height: 1.12 !important;
  font-weight: 600 !important;
  color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-legend .legend-value br {
  display: block !important;
}

@media (max-width:780px) {
:where(html[data-chekku-page="weight-analysis-records"]) .composition-legend .legend-chip {
  min-height: 74px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .composition-legend .legend-value {
  margin-left: 20px !important;
  font-size: 1.06rem !important;
}
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-grid > .table-card {
  overflow: visible !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-grid > .table-card > .table-card-head {
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding: 4px 0 12px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-grid > .table-card > .table-responsive {
  overflow: auto !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-grid > .table-card > .table-responsive table.size-table {
  background: var(--color-surface) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .records-grid > .table-card > .table-responsive {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,247,247),0.9) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-grid,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .records-grid {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-grid > .table-card,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .records-grid > .table-card {
  padding: 0 !important;
  overflow: visible !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-grid > .table-card > .table-card-head,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .records-grid > .table-card > .table-card-head {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 0 12px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-grid > .table-card > .table-card-head .table-card-title {
  -webkit-text-fill-color: var(--color-blue-deep) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .records-grid > .table-card > .table-card-head .table-card-title {
  -webkit-text-fill-color: #7F1D1D !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-grid > .table-card > .table-responsive {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: var(--radius-card) !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.48) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .records-grid > .table-card > .table-responsive {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,247,247),0.92) !important;
  border-color: rgba(180,35,24,.20) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-grid > .table-card > .table-responsive table.size-table {
  width: 100% !important;
  min-width: 1400px !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-combined-section,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .records-combined-section {
  display: block !important;
  margin-top: 0 !important;
  padding: 18px !important;
  border-radius: var(--radius-card) !important;
  overflow: visible !important;
  background: var(--color-surface) !important;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.46) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .records-combined-section {
  background: var(--color-surface) !important;
  border-color: rgba(180,35,24,.22) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-combined-section > .table-card + .table-card {
  margin-top: 24px !important;
  padding-top: 22px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-combined-section > .table-card > .table-card-head {
  padding: 0 2px 12px !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-combined-section .table-chip {
  border-radius: var(--radius-control) !important;
}

@media (max-width:760px) {
:where(html[data-chekku-page="weight-analysis-records"]) .records-combined-section,
:where(html[data-chekku-page="weight-analysis-records"]) .weight-alert-mode .records-combined-section {
  padding: 12px !important;
  border-radius: var(--radius-card) !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .records-combined-section > .table-card + .table-card {
  margin-top: 18px !important;
  padding-top: 18px !important;
}
}

:where(html[data-chekku-page="weight-analysis-records"]) .new-weight-inspection-chip,
:where(html[data-chekku-page="weight-analysis-records"]) .new-weight-inspection-chip:visited,
:where(html[data-chekku-page="weight-analysis-records"]) .new-weight-inspection-chip:hover,
:where(html[data-chekku-page="weight-analysis-records"]) .new-weight-inspection-chip:focus {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.3) !important;
  box-shadow: none !important;
}

:where(html[data-chekku-page="weight-analysis-records"]) .new-weight-inspection-chip:hover {
  transform: none !important;
  filter: saturate(1.04) brightness(1.02) !important;
}

/* SHARED COMPONENT: config/footer.php */

.app-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 42px 16px 18px;
  position: relative;
  z-index: 2;
  background: transparent;
}

.app-footer p {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: var(--radius-card);
  color: var(--color-ink);
  font-size: .9rem;
  font-weight: 500;
  letter-spacing: .2px;
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.14);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

@media (max-width:520px) {
.app-footer {
  padding: 34px 12px 16px;
}

.app-footer p {
  font-size: .82rem;
  padding: 9px 13px;
  flex-wrap: wrap;
  line-height: 1.35;
}
}

/* SHARED COMPONENT: config/nav.php */

:root {
  --chekku-border: rgba(255,255,255,.42);
  --chekku-danger: #B42318;
  --chekku-danger-bg: #FFF0F2;
  --chekku-success: #1F8F5F;
  --chekku-success-bg: #EAF9F1;
}

.nav-toggle {
  position: fixed;
  top: calc(18px + env(safe-area-inset-top));
  left: calc(18px + env(safe-area-inset-left));
  z-index: 1202;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.34);
  border-radius: var(--radius-control);
  background: var(--color-surface);
  color: var(--color-ink);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.nav-toggle:hover {
  transform: none;
  box-shadow: none;
  filter: brightness(1.03);
}

.nav-toggle span {
  font-size: 1.55rem;
  line-height: 1;
}

.sb-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1198;
  background: rgba(39,58,77,.48);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}

.sb-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

.sidebar {
  position: fixed !important;
  top: 72px !important;
  left: 16px !important;
  bottom: auto !important;
  width: 264px;
  max-width: calc(100vw - 32px);
  height: auto !important;
  max-height: calc(100svh - 96px);
  z-index: 1200 !important;
  display: flex;
  flex-direction: column;
  padding: 12px;
  border-radius: var(--radius-card);
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--color-surface);
  border: 1px solid var(--chekku-border);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: translateX(calc(-100% - 18px)) !important;
  transition: transform .24s ease;
}

.sidebar.sb-open {
  transform: translateX(0) !important;
}

.sidebar::before {
  content: none !important;
  position: absolute;
  width: 210px;
  height: 210px;
  right: -95px;
  top: -90px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  pointer-events: none;
}

.sidebar::after {
  content: none !important;
  position: absolute;
  width: 190px;
  height: 190px;
  left: -90px;
  bottom: 82px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  pointer-events: none;
}

.sb-top,
.sb-nav,
.sb-top {
  padding: 5px 5px 8px;
  margin-bottom: 4px;
  padding-left: 50px;
}

.sb-mini-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,173,216,255),0.28);
  color: var(--color-blue-soft);
  font-size: .74rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  box-shadow: none;
}

.sb-title {
  margin: 8px 0 2px;
  font-size: 1.34rem;
  line-height: 1.05;
  font-weight: 600;
  color: var(--chekku-primary-700);
  letter-spacing: -0.045em;
}

.sb-subtitle {
  margin: 0;
  color: var(--chekku-muted);
  font-size: .78rem;
  font-weight: 600;
}

.sb-nav {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 5px 0 0;
}

.sb-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 7px 10px;
  border-radius: var(--radius-card);
  color: var(--color-blue-deep);
  text-decoration: none;
  font-weight: 600;
  font-size: .9rem;
  letter-spacing: -0.015em;
  border: 1px solid transparent;
  background: transparent;
  transition: transform .18s ease,
      background .18s ease,
      border-color .18s ease,
      box-shadow .18s ease,
      color .18s ease;
}

.sb-link:hover {
  transform: translateX(3px);
  color: var(--chekku-primary-700);
  background: var(--color-surface);
  border-color: rgba(53,92,125,.12);
  box-shadow: none;
}

.sb-link.active {
  color: #fff;
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.28);
  box-shadow: none;
}

.sb-link.active::after {
  content: "";
  position: absolute;
  right: 12px;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-card);
  background: var(--chekku-accent);
  box-shadow: none;
}

.sb-ico {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.4);
  box-shadow: none;
  font-size: .98rem;
}

.sb-link.active .sb-ico {
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  box-shadow: none;
}

.sb-logout {
  color: rgba(var(--ck-legacy-danger-rgb,180,35,24),0.92);
}

.sb-logout .sb-ico {
  background: var(--chekku-danger-bg);
  color: var(--chekku-danger);
  border-color: rgba(180,35,24,.12);
}

.sb-logout:hover {
  background: rgba(var(--ck-legacy-danger-soft-rgb,255,240,242),0.76);
  border-color: rgba(180,35,24,.16);
  color: var(--chekku-danger);
  box-shadow: none;
}

@media (max-width: 980px) {
.sidebar {
  top: 68px !important;
  left: 14px !important;
  bottom: auto !important;
  width: min(84vw, 292px);
  height: auto !important;
  max-height: calc(100svh - 86px);
}

.sb-top {
  padding-left: 50px;
}
}

@media (max-width: 420px) {
.sidebar {
  top: 66px !important;
  left: 10px !important;
  bottom: auto !important;
  width: calc(100vw - 20px);
  height: auto !important;
  max-height: calc(100svh - 78px);
  border-radius: var(--radius-card);
}

.nav-toggle {
  top: calc(14px + env(safe-area-inset-top));
  left: calc(14px + env(safe-area-inset-left));
  width: 46px;
  height: 46px;
  border-radius: var(--radius-control);
}

.sb-top {
  padding-left: 48px;
}
}

@media (max-height: 720px) {
.sidebar {
  top: 60px !important;
  bottom: auto !important;
  max-height: calc(100svh - 72px);
}

.sb-top {
  padding-bottom: 5px;
}

.sb-link {
  min-height: 36px;
}
}

.sidebar {
  justify-content: flex-start;
}

.sb-nav {
  padding-bottom: 0;
}

.nav-toggle.nav-toggle-hidden,
body.sb-is-open .nav-toggle {
  left: calc(-70px - env(safe-area-inset-left)) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
}

.nav-toggle.nav-toggle-hidden:hover,
body.sb-is-open .nav-toggle:hover {
  left: calc(-70px - env(safe-area-inset-left)) !important;
  opacity: 0 !important;
  transform: none !important;
}

.sb-backdrop {
  background: rgba(39,58,77,.38) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.chekku-page-blur {
  filter: none !important;
  transform: scale(.995) !important;
  transition: filter .22s ease, transform .22s ease !important;
  pointer-events: none !important;
  user-select: none !important;
}

#sidebar,
#sb-backdrop,
.nav-toggle {
  filter: none !important;
  transform-style: preserve-3d;
}

body.sb-is-open #sidebar,
body.sb-is-open #sb-backdrop,
body.sb-is-open .nav-toggle {
  filter: none !important;
}

/* STATIC PRESENTATION UTILITIES — shared across modules. */

:is(#chekku-inline,.ck-u-2b95eece24) {
  color: var(--ck-legacy-success,#18794E);
}

:is(#chekku-inline,.ck-u-3c708eddb0) {
  color: var(--color-muted);
  font-weight: 600;
}

:is(#chekku-inline,.ck-u-5659a18ecc) {
  color: var(--ck-legacy-danger,#B42318);
}

:is(#chekku-inline,.ck-u-592b33cd5a) {
  justify-content: flex-end;
}

:is(#chekku-inline,.ck-u-e7673d9ced) {
  margin-top: 18px;
}

:is(#chekku-inline,.ck-u-dac4fe6c9b) {
  text-align: center;
}

:is(#chekku-inline,.ck-u-e8dec544af) {
  text-align: center;
  margin-bottom: 10px;
}

:is(#chekku-inline,.ck-u-abcc7341bc) {
  cursor: pointer;
  border: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.64);
}

:is(#chekku-inline,.ck-u-5f1fdf72ab) {
  font-weight: 600;
  color: var(--ck-legacy-accent,#291947);
}

:is(#chekku-inline,.ck-u-b2ce916257) {
  position: relative;
  z-index: 1;
  margin-bottom: 16px;
}

:is(#chekku-inline,.ck-u-b4f1ffc9ef) {
  animation-delay: 0.3s;
}

:is(#chekku-inline,.ck-u-6c28d08961) {
  font-size: 16px;
}

:is(#chekku-inline,.ck-u-4f1925a8a6) {
  font-size: 18px;
}

:is(#chekku-inline,.ck-u-9fadafdeaa) {
  margin: 0;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.5;
}

:is(#chekku-inline,.ck-u-1da9facb4d) {
  margin: 0;
}

:is(#chekku-inline,.ck-u-e63f1e231e) {
  font-size: 15px;
}

:is(#chekku-inline,.ck-u-d8a81eac84) {
  margin-top: 10px;
}

:is(#chekku-inline,.ck-u-cb0fcf630d) {
  padding: 12px 14px;
  border-radius: var(--radius-card);
  background: var(--color-surface);
  border: 1px solid rgba(var(--ck-legacy-line-rgb,18,16,28),0.1);
}

:is(#chekku-inline,.ck-u-9b49c245f0) {
  font-size: 20px;
}

:is(#chekku-inline,.ck-u-3f2d80e47a) {
  grid-template-columns: 1fr;
}

:is(#chekku-inline,.ck-u-f024223221) {
  width: 40%;
}

:is(#chekku-inline,.ck-u-a82d7062cc) {
  margin-bottom: 14px;
}

:is(#chekku-inline,.ck-u-23e733dc57) {
  width: 42%;
}

:is(#chekku-inline,.ck-u-4288779e2a) {
  width: 270px;
}

:is(#chekku-inline,.ck-u-783ef1537b) {
  gap: .5rem;
  margin-top: 0;
}

:is(#chekku-inline,.ck-u-291b7bbb01) {
  margin-top: 0;
}

:is(#chekku-inline,.ck-u-01a169956e) {
  margin-top: 0;
  justify-content: flex-start;
}

:is(#chekku-inline,.ck-u-76bb143b48) {
  padding: 10px 12px;
}

:is(#chekku-inline,.ck-u-340a8846b2) {
  margin: 12px 0 0;
}

:is(#chekku-inline,.ck-u-5b468edde8) {
  font-size: 1.25rem;
}

:is(#chekku-inline,.ck-u-9b4aa017bf) {
  color: var(--muted);
  font-weight: 600;
}

:is(#chekku-inline,.ck-u-6db2268913) {
  color: var(--muted);
  font-weight: 600;
  margin-top: 10px;
}

:is(#chekku-inline,.ck-u-9374e84210) {
  margin-top: 12px;
}

:is(#chekku-inline,.ck-u-af3fee87a1) {
  margin-bottom: 10px;
}

:is(#chekku-inline,.ck-u-76084ee4e5) {
  margin-bottom: 0;
}

:is(#chekku-inline,.ck-u-ae341ca127) {
  background: var(--grade-soft) !important;
  color: var(--grade-color) !important;
  border-left: 6px solid var(--grade-color);
}

:is(#chekku-inline,.ck-u-bbd3cb41a8) {
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--color-purple);
  margin: 0 0 .25rem 0;
}

:is(#chekku-inline,.ck-u-fe4c247961) {
  margin: .25rem 0 1rem;
  color: var(--ck-legacy-accent,#5a2d84);
}

:is(#chekku-inline,.ck-u-912013a9ff) {
  margin: 0 0 10px 0;
  color: var(--ck-legacy-accent,#5b1787);
}

:is(#chekku-inline,.ck-u-a65b58c243) {
  gap: 10px;
  flex-wrap: wrap;
}

:is(#chekku-inline,.ck-u-1f94313132) {
  color: var(--color-purple);
  margin: .2rem 0;
}

:is(#chekku-inline,.ck-u-fd0b86a042) {
  margin: .25rem 0 1rem;
}

:is(#chekku-inline,.ck-u-7cbe5ecfa6) {
  width: 160px;
}

:is(#chekku-inline,.ck-u-9fe45cd88c) {
  width: 120px;
}

:is(#chekku-inline,.ck-u-a527bac1ee) {
  text-align: right;
}

:is(#chekku-inline,.ck-u-7a1ab98a4e) {
  width: 140px;
}

:is(#chekku-inline,.ck-u-eed5c25912) {
  width: 280px;
}

:is(#chekku-inline,.ck-u-9666727034) {
  padding: 3rem 2rem 2rem 2rem;
}

:is(#chekku-inline,.ck-u-4e067f39ad) {
  text-align: center;
  margin: 0 auto 2rem auto;
  max-width: 900px;
  padding: 2rem 2rem 1rem 2rem;
  background: var(--ck-legacy-blue-soft,#f4e7f9);
  border-radius: var(--radius-card);
  box-shadow: none;
}

:is(#chekku-inline,.ck-u-40f8c48a29) {
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--color-purple);
  margin: 0 0 0.25rem 0;
}

:is(#chekku-inline,.ck-u-e9c92c8f9e) {
  margin: .25rem 0 1rem 0;
  color: var(--ck-legacy-accent,#5a2d84);
}

:is(#chekku-inline,.ck-u-1a9b20ff94) {
  background: var(--ck-solid-purple,var(--color-purple));
  color: var(--color-ink);
  border: none;
  padding: .75rem 1rem;
  border-radius: var(--radius-card);
  box-shadow: none;
  cursor: pointer;
}

:is(#chekku-inline,.ck-u-7e49ba6032) {
  background: var(--comp);
}

:is(#chekku-inline,.ck-u-9260311df4) {
  background: var(--c2);
}

:is(#chekku-inline,.ck-u-8f13004780) {
  background: var(--waste);
}

:is(#chekku-inline,.ck-u-e63fcbfaf1) {
  text-align: center;
  padding: 18px;
}

:is(#chekku-inline,.ck-u-a353e69c3e) {
  margin: 0 0 6px;
}

:is(#chekku-inline,.ck-u-6fae7e825b) {
  min-height: auto;
}

:is(#chekku-inline,.ck-u-652323d24c) {
  gap: 2px;
}

:is(#chekku-inline,.ck-u-562df4298a) {
  margin: 0;
  color: var(--color-purple);
  font-size: 1rem;
  font-weight: 600;
}

:is(#chekku-inline,.ck-u-97294b207c) {
  grid-column: 1/-1;
}

:is(#chekku-inline,.ck-u-3ef1fa1aa1) {
  margin-bottom: 12px;
}

:is(#chekku-inline,.ck-u-580e1e1bc9) {
  background: var(--class2);
}

:is(#chekku-inline,.ck-u-715fe5a3e6) {
  font-weight: 600;
  color: var(--color-purple);
}

:is(#chekku-inline,.ck-u-e6b3185d71) {
  width: 66px;
}

:is(#chekku-inline,.ck-u-9afffa4bf5) {
  margin-top: 16px;
  gap: 10px;
}

:is(#chekku-inline,.ck-u-bb48cf24fc) {
  min-height: 110px;
}

:is(#chekku-inline,.ck-u-489e16440b) {
  margin: 0 0 16px;
}

:is(#chekku-inline,.ck-u-eb96eb3c03) {
  background: var(--color-surface);
}

:is(#chekku-inline,.ck-u-b1d1a17fac) {
  margin: 0;
  background: var(--color-surface);
}

:is(#chekku-inline,.ck-u-8a359a76eb) {
  margin-top: 16px;
}

:is(#chekku-inline,.ck-u-e2a2c1ef41) {
  justify-content: flex-start;
  white-space: normal;
  border-radius: var(--radius-card);
  line-height: 1.35;
}

:is(#chekku-inline,.ck-u-79a1c5a5db) {
  margin-bottom: 16px;
}

:is(#chekku-inline,.ck-u-66817afedd) {
  background: var(--color-surface);
}

:is(#chekku-inline,.ck-u-9d0b870344) {
  background: var(--color-surface);
}

:is(#chekku-inline,.ck-u-d00f1b6322) {
  background: var(--color-surface);
  margin-top: 16px;
}

:is(#chekku-inline,.ck-u-7f8f0f693b) {
  padding: 10px 12px;
  border-radius: var(--radius-card);
  background: var(--ck-legacy-blue-soft,#eef6ff);
  border: 1px solid var(--ck-legacy-line,#c9def2);
}

:is(#chekku-inline,.ck-u-9b13e0335d) {
  grid-template-columns: 1fr auto;
  gap: 8px;
}

:is(#chekku-inline,.ck-u-5834391c10) {
  color: var(--ck-legacy-accent,#46617f);
  font-weight: 600;
}

:is(#chekku-inline,.ck-u-b1cec50806) {
  background: var(--color-surface);
  border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.22);
  color: var(--color-ink);
}

:is(#chekku-inline,.ck-u-af9a815b03) {
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  margin-top: 12px;
}

:is(#chekku-inline,.ck-u-79f8c4f689) {
  min-height: 130px;
  margin-top: 14px;
}

:is(#chekku-inline,.ck-u-b1ecc496e0) {
  margin-top: 8px;
}

:is(#chekku-inline,.ck-u-d13487e8ec) {
  gap: 10px;
}

:is(#chekku-inline,.ck-u-1e30e7b250) {
  padding: 12px;
}

:is(#chekku-inline,.ck-u-525fbc4445) {
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}

:is(#chekku-inline,.ck-u-d9d0a93e05) {
  font-weight: 600;
  color: var(--ck-legacy-accent,#60758d);
}

:is(#chekku-inline,.ck-u-96296d8970) {
  margin: 3px 0 0;
}

:is(#chekku-inline,.ck-u-09d7dc5cff) {
  background: var(--ck-legacy-warning-soft,#fff3cd);
  color: var(--ck-legacy-warning,#7a5200);
}

:is(#chekku-inline,.ck-u-da33c57c53) {
  background: var(--ck-legacy-success-soft,#e8f7ef);
  color: var(--ck-legacy-success,#16784a);
}

:is(#chekku-inline,.ck-u-9b5eec2eda) {
  font-size: 1.2rem;
  line-height: 1.2;
}

:is(#chekku-inline,.ck-u-88b9d5c614) {
  margin-top: 14px;
}

:is(#chekku-inline,.ck-u-32029a1595) {
  margin: 0;
  color: var(--color-purple);
}

:is(#chekku-inline,.ck-u-152a7c418e) {
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

:is(#chekku-inline,.ck-u-15b75a4289) {
  color: var(--ck-legacy-warning,#B76E00);
}

:is(#chekku-inline,.ck-u-a2e94d72eb) {
  padding: 0;
}

:is(#chekku-inline,.ck-u-f700c8e3a6) {
  margin-top: 6px;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.35;
}

:is(#chekku-inline,.ck-u-4caabdb666) {
  place-items: center;
}

:is(#chekku-inline,.ck-u-a68ef7d281) {
  align-items: center;
  justify-content: center;
  min-height: 120px;
}

:is(#chekku-inline,.ck-u-2d9673ef60) {
  height: 1px;
  background: var(--color-surface);
  margin: 18px 0;
}

:is(#chekku-inline,.ck-u-722898d167) {
  margin-top: .8rem;
  text-align: left;
}

:is(#chekku-inline,.ck-u-a2750cee8e) {
  margin-bottom: .35rem;
  font-weight: 600;
  color: var(--color-purple);
}

:is(#chekku-inline,.ck-u-fb525cd151) {
  max-width: 170px;
}

:is(#chekku-inline,.ck-u-60b7e76ae7) {
  font-size: .85rem;
  color: var(--ck-legacy-muted,#6A6580);
  margin-top: .3rem;
}

:is(#chekku-inline,.ck-u-89cf69b7ac) {
  margin-top: .55rem;
}

:is(#chekku-inline,.ck-u-0f498c8a92) {
  gap: .55rem;
  justify-content: flex-start;
  flex-wrap: wrap;
}

:is(#chekku-inline,.ck-u-71b5af5d30) {
  max-width: 260px;
}

:is(#chekku-inline,.ck-u-89ec43401b) {
  margin-top: .8rem;
}

:is(#chekku-inline,.ck-u-55da9ef432) {
  gap: 1rem;
}

:is(#chekku-inline,.ck-u-5305a9d55a) {
  gap: .55rem;
  flex-wrap: wrap;
}

:is(#chekku-inline,.ck-u-2ca8ac3898) {
  color: var(--ck-legacy-muted,#777);
}

:is(#chekku-inline,.ck-u-d43db98d2c) {
  text-align: center;
  padding: 1rem;
}

:is(#chekku-inline,.ck-u-bb563d9380) {
  pointer-events: none;
}

:is(#chekku-inline,.ck-u-c1759cf66b) {
  margin-left: .4rem;
}

:is(#chekku-inline,.ck-u-f96a6f2fe0) {
  height: 40px;
  border: 1px solid var(--ck-legacy-line,#e7dff5);
  border-radius: var(--radius-card);
  font-weight: 600;
  padding: 0 .75rem;
}

/* SHARED APPEARANCE — FLAT COMPONENT CONTRACT
   All module variants use this typography, control geometry and surface system.
   Layout, visibility, selected values and workflow behavior remain module-owned.
   Change the tokens at the top of this file for app-wide design changes. */

html[data-chekku-page] body {
  color: var(--color-ink) !important;
  background: var(--app-background) !important;
  background-attachment: fixed !important;
  font-family: var(--font-ui) !important;
  font-size: var(--text-body) !important;
  font-weight: 400 !important;
  line-height: 1.5;
}

html[data-chekku-page] .chekku-bg-filter {
  background: var(--app-background) !important;
  background-attachment: fixed !important;
  filter: none !important;
}

html[data-chekku-page] body::before,
html[data-chekku-page] body::after,
html[data-chekku-page] .chekku-bg-filter::before,
html[data-chekku-page] .chekku-bg-filter::after {
  content: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Typography: page 28px, section 18px, card 16px, text 14px, caption 12px. */

html[data-chekku-page] :is(body,#chekku-design) :is(h1,h2,h3,h4,h5,h6) {
  color: var(--color-blue) !important;
  font-family: var(--font-ui) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -.015em !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-chekku-page] :is(body,#chekku-design) h1 {
  font-size: var(--text-page-title) !important;
}

html[data-chekku-page] :is(body,#chekku-design) h2 {
  font-size: var(--text-section-title) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(h3,h4,h5,h6) {
  font-size: var(--text-card-title) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.panel-title,.section-title,.manager-section-title,.modal-title,.popup-title,.sheet-title,.defects-modal-title,.glass-modal-title,.confirm-title) {
  color: var(--color-blue) !important;
  font-size: var(--text-section-title) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.card-title,.chart-title,.chart-card-title,.rail-title,.rail-card-title,.setting-title,.app-title,.board-card-title,.table-card-title,.recap-side-title,.breakdown-title) {
  color: var(--color-blue) !important;
  font-size: var(--text-card-title) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(p,.app-desc,.subtext,.panel-sub,.section-sub,.rail-copy,.side-copy-text,.form-hint) {
  color: var(--color-muted) !important;
  font-size: var(--text-body) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.app-kicker,.mini-label,.side-kicker,.rail-kicker,.eyebrow,.app-eyebrow,.modal-eyebrow,.app-type) {
  color: var(--color-purple) !important;
  font-size: .6875rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.exec-big-value,.kpi-value,.stat-value,.metric-value,.hero-stat-value,.rail-stat-value) {
  color: var(--color-blue) !important;
  font-size: 1.875rem !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  font-variant-numeric: tabular-nums;
}

/* Solid, bordered surfaces. No translucent glass, bevels or raised cards. */

html[data-chekku-page] :is(body,#chekku-design) :is(
  .add-panel,
  .admin-reassign-box,
  .ajax-refresh-card,
  .alert-card,
  .alert-panel,
  .allocation-panel,
  .announcement-card,
  .announcement-target-panel,
  .app-card,
  .app-page-shell,
  .app-tile,
  .board-card,
  .breakdown-card,
  .canvas-box,
  .card,
  .chart-card,
  .chart-panel,
  .check-card,
  .checkbox-panel,
  .collapse-card,
  .compact-chart-box,
  .compare-card,
  .comparison-card,
  .comparison-panel,
  .composite-card,
  .composition-card,
  .confirm-box,
  .confirm-card,
  .confirm-glass-card,
  .confirm-plu-card,
  .copy-target-box,
  .copy-tool-card,
  .core-performance-panel,
  .count-card,
  .credential-card,
  .daily-card,
  .danger-zone-card,
  .deck-panel,
  .defect-card,
  .defect-drivers-panel,
  .defects-modal-card,
  .delete-modal-card,
  .details-panel,
  .diff-card,
  .donut-panel,
  .drawer,
  .drawer-panel,
  .drawer-stat-box,
  .drawer-summary-card,
  .driver-card,
  .empty-card,
  .entry-context-card,
  .entry-main-panel,
  .entry-setup-card,
  .entry-summary-card,
  .entry-workspace,
  .error-box,
  .exec-card,
  .exec-side-stat,
  .export-review-card,
  .filter-card,
  .filter-summary-card,
  .filters-drawer,
  .floating-live-summary,
  .form-shell,
  .found-card,
  .found-summary-panel,
  .fruit-panel,
  .glass-card,
  .glass-modal,
  .glass-panel,
  .good-fruit-dashboard-card,
  .header-card,
  .hero,
  .hero-apps-panel,
  .hero-card,
  .hero-intro-card,
  .hero-panel,
  .hero-personal-card,
  .hero-summary-card,
  .hint-box,
  .in-panel,
  .info-box,
  .info-card,
  .insight-card,
  .intro-card,
  .item-card,
  .kpi,
  .launchpad-panel,
  .legend-card,
  .legend-panel,
  .login-card,
  .main-summary-card,
  .major-card,
  .manager-good-fruit-panel,
  .manager-section-card,
  .metric-card,
  .mini-card,
  .minor-card,
  .modal-card,
  .modal-content,
  .outcome-card,
  .outcome-tile,
  .pack-card,
  .panel,
  .password-box,
  .photo-panel,
  .photo-selection-panel,
  .picking-detail-tile,
  .plu-card,
  .plu-sheet,
  .popup-card,
  .popup-panel,
  .popup-vs-card,
  .progress-card,
  .rail-card,
  .rail-metric,
  .rail-stat-card,
  .rank-panel,
  .ranks-card,
  .recap-side-card,
  .recheck-card,
  .record-edit-main-panel,
  .report-card,
  .report-generating-card,
  .report-modal-card,
  .report-open-card,
  .reports-card,
  .reset-panel,
  .sample-coverage-card,
  .sample-panel,
  .saved-panel,
  .score-card,
  .search-box,
  .section-card,
  .section-panel,
  .selected-report-panel,
  .setting-card,
  .settings-card,
  .settings-panel,
  .setup-panel,
  .sheet,
  .shift-card,
  .shift-intro-card,
  .shift-progress-card,
  .shift-window-card,
  .side-card,
  .side-intro-card,
  .side-metric,
  .side-mini-card,
  .side-stat-box,
  .size-item-card,
  .size-modal-card,
  .size-summary,
  .snapshot-card,
  .snapshot-kpi-card,
  .snapshot-panel,
  .snapshot-time-card,
  .stat-box,
  .stat-card,
  .statistics-panel,
  .stats-card,
  .step-panel,
  .summary-card,
  .summary-mini,
  .supervisor-card,
  .supervisor-comparison-card,
  .table-card,
  .table-panel,
  .table-shell,
  .tile,
  .today-card,
  .tomra-control-card,
  .tool-card,
  .tool-panel,
  .toolbar-card,
  .toolbox-card,
  .trend-panel,
  .trouble-pattern-card,
  .under-glass-card,
  .underweight-table-card,
  .upload-box,
  .uploader-card,
  .user-tile,
  .warning-box,
  .waste-selector-card,
  .weekly-snapshot-card,
  .weight-card,
  .weight-panel,
  .welcome-panel,
  .workflow-card,
  .yoy-panel,
  .yoy-year-card
) {
  color: var(--color-ink) !important;
  background: var(--color-surface) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.panel,.rail-card,.side-intro-card,.side-mini-card,.chart-card,.settings-card,.settings-panel,.tool-panel,.form-panel,.intro-card,.hero-intro-card,.daily-card,.mini-card) {
  padding: var(--space-panel) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.hero,.hero-intro-card,.intro-card,.app-tile,.setting-card,.tool-card,.login-card)::before,
html[data-chekku-page] :is(body,#chekku-design) :is(.hero,.hero-intro-card,.intro-card,.app-tile,.setting-card,.tool-card,.login-card)::after {
  content: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.app-tile,.setting-card,.tool-card):hover {
  background: var(--color-surface-soft) !important;
  border-color: var(--color-blue) !important;
  transform: none !important;
  box-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.hero-intro-card,.intro-card) {
  background: var(--color-peach-soft) !important;
  border-color: var(--ck-legacy-line,#EBC9BA) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.app-tile,.setting-card,.tool-card) {
  border-top: 2px solid var(--tone,var(--color-blue)) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.tone-orange,.tone-red) {
  --tone: var(--color-coral) !important;
  --tone-soft: var(--color-coral-soft) !important;
}

html[data-chekku-page] :is(body,#chekku-design) .tone-purple {
  --tone: var(--color-purple) !important;
  --tone-soft: #F0ECF3 !important;
}

html[data-chekku-page] :is(body,#chekku-design) .tone-gold {
  --tone: var(--color-peach) !important;
  --tone-soft: var(--color-peach-soft) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.tone-blue,.tone-teal,.tone-slate) {
  --tone: var(--color-blue) !important;
  --tone-soft: var(--color-blue-soft) !important;
}

html[data-chekku-page] :is(body,#chekku-design) .tone-green {
  --tone: var(--color-mauve) !important;
  --tone-soft: var(--color-coral-soft) !important;
}

/* Every ordinary action shares the same height, border, type and corners.
   Card selectors, workflow choices, drag handles and structural toggles keep
   their module geometry; they are styled separately below. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :where(
  button,input[type="submit"],input[type="button"],input[type="reset"],
  a.btn,a.chip,a.side-chip,a.back-btn,a.logout-btn,a.page-link,a.rail-quick,
  a.mini-open,a.commodity-season-btn,a.size-action,a.rail-jump,a.rail-jump-pill
):not(:where(.launch-btn,.app-tile,.app-card,.setting-card,.tool-card,.variety-card,.variety-photo-card,.section-card,.item-card,.pack-card,.wellbeing-btn,.step-nav,.toggle-header,.recap-side-head,.photo-card,.photo-tile,.photo-level-card-v78,.ck-photo-group,.hold-btn)) {
  min-height: var(--control-height) !important;
  height: var(--control-height) !important;
  padding: 8px 14px !important;
  border: 1px solid var(--color-blue) !important;
  border-radius: var(--radius-control) !important;
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  color: #FFFFFF !important;
  font-family: var(--font-ui) !important;
  font-size: var(--text-body) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  vertical-align: middle;
  transition: background-color .15s ease,border-color .15s ease,color .15s ease !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(button,.btn,.chip,.back-btn,.side-chip,.page-link):hover {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.btn-primary,.primary-btn,.submit-btn,.save-btn,.login-btn,.export-chip):hover {
  background: var(--ck-solid-blue-deep,var(--color-blue-deep)) !important;
  border-color: var(--color-blue-deep) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(
  .btn-primary,.primary-btn,.glass-btn-primary,.btn-save,.btn-update,.btn-add,.btn-accent,
  .submit-btn,.save-btn,.login-btn,.action-chip,.export-chip,.new-entry-chip,
  .new-weight-inspection-chip,button.orange,a.orange,button.green,a.green
) {
  border-color: var(--color-blue) !important;
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  color: #FFFFFF !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(
  .btn-ghost,.btn-secondary,.btn-cancel,.ghost-btn,.glass-btn-soft,.ghost,.back-btn,
  .quick-chip,.preset-btn,.filter-chip,.filter-chip-top,.filter-chip-reset,
  .rail-quick,.rail-jump,.rail-jump-pill,.page-link,.commodity-season-btn,
  button[type="reset"],input[type="reset"],button[id*="cancel"],button[id*="Cancel"],
  button[id*="clear"],button[id*="Clear"],button[id*="reset"],button[id*="Reset"],
  .confirm-btn-cancel,.modal-btn-cancel,.mini-tool-btn
) {
  background: var(--color-surface) !important;
  border-color: var(--color-line) !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(
  .btn-danger,.danger-btn,.delete-btn,.bulk-delete-btn,.date-delete-btn,.date-delete-link,
  .photo-delete-btn,.remove-outcome,.allocation-remove,.logout-btn,.sb-logout,
  .modal-btn-delete,.confirm-btn-delete,button.red,a.red,.btn.danger,.icon-btn.del
) {
  background: var(--color-danger-soft) !important;
  border-color: var(--ck-legacy-line,#E6C4CA) !important;
  color: var(--color-danger) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(
  .modal-close,.defects-modal-close,.glass-close,.popup-close,.popup-close-x,
  .close-x,.delete-modal-close,.report-modal-close,.size-modal-close,.esm-close,
  .icon-btn,.photo-nav-btn,.toggle-password,.confirm-close,.step-btn,.btn-ctrl
) {
  min-width: var(--control-height) !important;
  min-height: var(--control-height) !important;
  width: var(--control-height);
  height: var(--control-height);
  padding: 6px !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  border-color: var(--color-line) !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.btn-sm,.btn-mini,.btn.btn-sm,.mini-open,.date-delete-btn,.date-delete-link,.variety-mini-btn) {
  min-height: 30px !important;
  height: 30px !important;
  padding: 5px 10px !important;
  font-size: var(--text-caption) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(button,.btn,.chip,.page-link):is(:disabled,[aria-disabled="true"],.disabled,.is-disabled) {
  background: var(--ck-legacy-blue-soft,#EFF1F3) !important;
  border-color: var(--color-line) !important;
  color: var(--ck-legacy-muted,#78838D) !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.tab,.rank-tab,.toggle-seg,.step-nav,.filter-chip,.quick-chip,.rail-quick,.rail-jump,.rail-jump-pill,.page-link,.chip,.btn):is(.active,.is-active,.current,[aria-selected="true"],[aria-pressed="true"]) {
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  border-color: var(--color-blue) !important;
  color: #FFFFFF !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.wellbeing-btn,.variety-card,.section-card,.step-nav,.item-card,.pack-card) {
  border-radius: var(--radius-control) !important;
  border: 1px solid var(--color-line) !important;
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  font-family: var(--font-ui) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.wellbeing-btn,.variety-card,.section-card,.step-nav,.item-card,.pack-card):is(.selected,.is-selected,.active,[aria-checked="true"]) {
  background: var(--color-blue-soft) !important;
  border-color: var(--color-blue) !important;
  color: var(--color-blue) !important;
}

/* Inputs and Select2 use the same geometry as the action controls. */

html[data-chekku-page] :is(body,#chekku-design) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]),select,textarea,.select2-selection) {
  min-height: var(--control-height) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  font-family: var(--font-ui) !important;
  font-size: var(--text-body) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) label {
  font-family: var(--font-ui);
  font-size: var(--text-caption);
  font-weight: 600;
  color: var(--color-ink);
}

html[data-chekku-page] :is(body,#chekku-design) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]),select:not([multiple]),.select2-selection--single) {
  height: var(--control-height) !important;
}

html[data-chekku-page] :is(body,#chekku-design) textarea {
  min-height: 88px !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(input[type="checkbox"],input[type="radio"]) {
  accent-color: var(--color-blue);
}

html[data-chekku-page] :is(body,#chekku-design) :is(button,a,input,select,textarea,[tabindex]):focus-visible {
  outline: 2px solid var(--color-purple) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) .select2-selection--single .select2-selection__rendered {
  color: var(--color-ink) !important;
  line-height: 36px !important;
  font-family: var(--font-ui) !important;
  font-size: var(--text-body) !important;
}

html[data-chekku-page] :is(body,#chekku-design) .select2-selection--single .select2-selection__arrow {
  height: 36px !important;
}

html[data-chekku-page] :is(body,#chekku-design) .select2-dropdown {
  border-color: var(--color-line);
  border-radius: var(--radius-control);
}

/* Metadata stays visually distinct from actionable buttons. */

html[data-chekku-page] :is(body,#chekku-design) :is(span.chip,span.pill,.hero-pill,.stat-pill,.metric-pill,.panel-chip,.shell-chip,.hero-inspector-pill):not(:where(button,a)) {
  background: var(--color-blue-soft) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-control) !important;
  color: var(--color-ink) !important;
  font-family: var(--font-ui) !important;
  font-size: var(--text-caption) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.alert-panel,.alert-card,.notice,.error,.message) {
  border-radius: var(--radius-card) !important;
  box-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.alert-panel.error,.error,.message.error) {
  background: var(--color-danger-soft) !important;
  color: var(--color-danger) !important;
  border-color: var(--ck-legacy-line,#E6C4CA) !important;
}

/* Tables have one header, row density and separator treatment across modules. */

html[data-chekku-page] :is(body,#chekku-design) table {
  font-family: var(--font-ui) !important;
  font-size: var(--text-body) !important;
  color: var(--color-ink);
}

html[data-chekku-page] :is(body,#chekku-design) table th {
  background: var(--color-blue-soft) !important;
  color: var(--color-blue) !important;
  border-color: var(--color-line) !important;
  font-size: var(--text-caption) !important;
  font-weight: 600 !important;
  letter-spacing: .025em !important;
  text-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) table td {
  border-color: var(--color-line);
}

html[data-chekku-page] :is(body,#chekku-design) table tbody tr:hover > td:not([class*="c-"]) {
  background-color: var(--color-surface-soft);
}

/* Shared page frame and header, without changing internal module grids. */

html[data-chekku-page] :is(body,#chekku-design) .page-shell {
  width: min(var(--layout-max),calc(100% - var(--page-gutter) * 2)) !important;
  max-width: var(--layout-max) !important;
  margin: var(--page-gutter) auto !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.app-topbar,.top-control-section,.size-topbar) {
  padding: var(--space-panel) !important;
  background: var(--color-surface) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-card) !important;
  color: var(--color-ink) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) .topbar-reference-line {
  height: 2px !important;
  background: var(--color-coral) !important;
  box-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.topbar-actions,.primary-actions) {
  gap: 8px !important;
  flex-wrap: wrap;
}

html[data-chekku-page] :is(body,#chekku-design) .brand-cluster {
  gap: 12px !important;
}

html[data-chekku-page] :is(body,#chekku-design) .brand-orb {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) .brand-orb img {
  max-width: 100% !important;
  max-height: 100% !important;
  filter: none !important;
}

html[data-chekku-page] :is(body,#chekku-design):has(.nav-toggle) .app-topbar {
  padding-inline-start: 68px !important;
}

/* Navigation and overlays use the same flat components. */

html[data-chekku-page] :is(body,#chekku-design) :is(.sidebar,.sb-top,.sb-title,.sb-nav,.sb-link,.sb-ico,.nav-toggle)::before,
html[data-chekku-page] :is(body,#chekku-design) :is(.sidebar,.sb-top,.sb-title,.sb-nav,.sb-link,.sb-ico,.nav-toggle)::after,
html[data-chekku-page] :is(body,#chekku-design) :is(.mini-summary,.compare-side,.compare-middle,.legend-chip,.exec-card,.exec-side-stat)::before,
html[data-chekku-page] :is(body,#chekku-design) :is(.mini-summary,.compare-side,.compare-middle,.legend-chip,.exec-card,.exec-side-stat)::after {
  content: none !important;
  display: none !important;
  pointer-events: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.mini-summary,.compare-side,.compare-middle,.legend-chip,.exec-side-stat,.main-summary-card) {
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-card) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.mini-value,.compare-side .value,.compare-middle .value,.legend-name,.legend-value,.exec-side-stat .value) {
  color: var(--color-ink) !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.mini-sub,.mini-label,.compare-side .label,.compare-middle .label,.compare-side .sub,.period-note,.exec-side-stat .label,.exec-side-stat .sub) {
  color: var(--color-muted) !important;
}

html[data-chekku-page] :is(body,#chekku-design) .sidebar {
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  border: 1px solid var(--color-blue) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  position: fixed !important;
  top: 64px !important;
  left: 12px !important;
  width: 264px !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100svh - 80px) !important;
  z-index: 1300 !important;
  overflow-y: auto !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateX(calc(-100% - 16px)) !important;
}

html[data-chekku-page] :is(body,#chekku-design) .sidebar.sb-open {
  transform: none !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html[data-chekku-page] :is(body,#chekku-design) .sb-top {
  padding: 4px 8px 12px !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.sb-top,.sb-nav) {
  position: relative !important;
  z-index: 1 !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.sb-title,.sb-link) {
  color: #FFFFFF !important;
  font-family: var(--font-ui) !important;
  font-size: var(--text-body) !important;
  text-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) .sb-link {
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) .sb-link.active {
  background: var(--color-peach) !important;
  color: var(--color-ink) !important;
}

html[data-chekku-page] :is(body,#chekku-design) .sb-link:hover {
  background: rgba(255,255,255,.1) !important;
}

html[data-chekku-page] :is(body,#chekku-design) .sb-link.active:hover {
  background: var(--color-peach) !important;
  color: var(--color-ink) !important;
}

html[data-chekku-page] :is(body,#chekku-design) .sb-ico {
  border-radius: var(--radius-control) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) .nav-toggle {
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: var(--radius-control) !important;
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  top: calc(12px + env(safe-area-inset-top)) !important;
  left: calc(12px + env(safe-area-inset-left)) !important;
  z-index: 1302 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) .sb-backdrop {
  z-index: 1298 !important;
}

html[data-chekku-page] :is(body,#chekku-design) .chekku-page-blur {
  transform: none !important;
  filter: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.filters-backdrop,.modal-backdrop,.sb-backdrop,.drawer-backdrop) {
  background: var(--color-backdrop) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) .app-footer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) .app-footer p {
  color: rgba(255,255,255,.75) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: var(--text-caption) !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}

/* Sign-in keeps the same palette background and component system. */

html[data-chekku-page="login"] .login-card {
  background: var(--color-surface) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-card) !important;
  padding: 32px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  animation: none !important;
}

html[data-chekku-page="login"] :is(body,#chekku-design) .side-copy {
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  border-radius: var(--radius-card) !important;
  padding: 24px !important;
}

html[data-chekku-page="login"] :is(body,#chekku-design) .side-copy :is(h2,p) {
  color: #FFFFFF !important;
}

html[data-chekku-page="login"] :is(body,#chekku-design) .side-copy h2 {
  font-size: 2.5rem !important;
  line-height: 1.1 !important;
}

html[data-chekku-page="login"] .copy-highlight {
  color: var(--color-peach) !important;
}

html[data-chekku-page="login"] .side-chip {
  background: var(--color-peach) !important;
  color: var(--color-ink) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
}

@media (max-width: 700px) {
:root {
  --page-gutter: 12px;
  --space-panel: 16px;
  --text-page-title: 1.5rem;
}

html[data-chekku-page] :is(body,#chekku-design) .brand-orb {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
}

html[data-chekku-page] :is(body,#chekku-design) h1 {
  overflow-wrap: anywhere;
}

html[data-chekku-page] :is(body,#chekku-design) .topbar-actions {
  gap: 8px !important;
}

html[data-chekku-page="login"] .login-card {
  padding: 24px !important;
}
}

@media (prefers-reduced-motion: reduce) {
html[data-chekku-page] *,html[data-chekku-page] *::before,html[data-chekku-page] *::after {
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: .01ms !important;
  scroll-behavior: auto !important;
}
}

@media print {
html[data-chekku-page] body {
  background: var(--ck-legacy-surface,#FFFFFF) !important;
}

html[data-chekku-page] :is(.chekku-bg-filter,.nav-toggle,.sidebar,.sb-backdrop) {
  display: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) .app-footer p {
  color: var(--color-muted) !important;
}
}

/* One browser header for application entry points. */

html[data-chekku-page] :is(body,#chekku-design) .ck-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
  min-height: 100px;
  padding: 20px !important;
  margin: 0 0 20px !important;
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: none !important;
}

html[data-chekku-page] :is(body,#chekku-design) .ck-page-header-heading {
  min-width: 0;
  flex: 1 1 360px;
}

html[data-chekku-page] :is(body,#chekku-design) .ck-page-header h1 {
  margin: 4px 0 0 !important;
}

html[data-chekku-page] :is(body,#chekku-design) .ck-page-header-actions {
  display: flex !important;
  flex: 0 1 auto;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-hub-link {
  white-space: nowrap;
  color: var(--color-blue) !important;
  background: var(--color-surface) !important;
  border-color: var(--color-line) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-hub-link:hover {
  border-color: var(--color-blue) !important;
  background: var(--color-blue-soft) !important;
}

html[data-chekku-page] :is(body,#chekku-design) .ck-page-header .topbar-pill-row {
  margin: 0 !important;
  padding: 0 !important;
}

html[data-chekku-page] :is(body,#chekku-design) .portal-shell:has(> .ck-page-header),
html[data-chekku-page] :is(body,#chekku-design) .hero.app-page-shell:has(> .ck-page-header) {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

html[data-chekku-page] :is(body,#chekku-design):has(.nav-toggle) .ck-page-header {
  padding-inline-start: 40px !important;
}

html[data-chekku-page] :is(body,#chekku-design) .portal-layout {
  gap: 20px !important;
}

/* Temporarily remove mascot branding from browser headers and menus. */

html[data-chekku-page] :is(body,#chekku-design) :is(.brand-orb,.app-brand-logo,.size-top-logo,.sidebar-logo-wrapper,.logo-grab,.logo-img,.logo-shell,img[alt="Chekku"],img[alt="Chekku Logo"],.brand > img) {
  display: none !important;
}

/* Fixed-height native controls must not retain oversized module padding. */

html[data-chekku-page] :is(body,#chekku-design) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]),select:not([multiple])) {
  box-sizing: border-box !important;
  padding: 7px 10px !important;
}

html[data-chekku-page] :is(body,#chekku-design) :is(.sample-badge,.toolbar-title) {
  background: var(--color-blue-soft) !important;
  color: var(--color-blue) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-control) !important;
}

/* Sign-in uses the same palette, typography and flat controls. */

html[data-chekku-page="login"] body {
  display: grid !important;
  place-items: center !important;
  min-height: 100svh !important;
  width: auto !important;
  height: auto !important;
  padding: 32px 16px !important;
  box-sizing: border-box;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html[data-chekku-page="login"] .auth-page {
  width: min(100%,440px);
  margin: auto;
  position: relative;
  z-index: 1;
}

html[data-chekku-page="login"] .auth-card {
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-top: 4px solid var(--color-blue);
  border-radius: var(--radius-card);
  padding: 32px;
}

html[data-chekku-page="login"] .auth-brand {
  color: var(--color-purple);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 28px;
}

html[data-chekku-page="login"] .auth-card h1 {
  margin: 0 0 8px;
}

html[data-chekku-page="login"] .auth-intro {
  margin: 0 0 28px;
}

html[data-chekku-page="login"] .auth-form {
  display: grid;
}

html[data-chekku-page="login"] .auth-field {
  display: grid;
  gap: 7px;
}

html[data-chekku-page="login"] .auth-field input {
  width: 100%;
}

html[data-chekku-page="login"] .auth-submit {
  width: 100%;
  display: flex;
  margin-top: 4px;
}

html[data-chekku-page="login"] :is(body,#chekku-design) .auth-note {
  font-size: 12px !important;
  margin: 24px 0 0;
}

html[data-chekku-page="login"] .auth-message {
  border: 1px solid var(--ck-legacy-line,#E6C4CA);
  background: var(--color-danger-soft);
  color: var(--color-danger);
  padding: 12px;
  margin-bottom: 20px;
  border-radius: var(--radius-control);
}

html[data-chekku-page="login"] :is(body,#chekku-design) .auth-footer {
  margin: 16px 0 0;
  text-align: center;
  color: rgba(255,255,255,.85) !important;
  font-size: 12px !important;
}

html[data-chekku-page="login"] .auth-eyebrow {
  color: var(--color-purple);
  font-size: 12px;
  letter-spacing: .05em;
}

@media (max-width:900px) {
html[data-chekku-page] :is(body,#chekku-design) .ck-page-header {
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}

html[data-chekku-page] :is(body,#chekku-design) .ck-page-header-heading {
  flex-basis: auto;
}

html[data-chekku-page] :is(body,#chekku-design) .ck-page-header-actions {
  justify-content: flex-start !important;
}
}

@media (max-width:700px) {
html[data-chekku-page] :is(body,#chekku-design) .ck-page-header {
  padding: 16px !important;
}

html[data-chekku-page] :is(body,#chekku-design):has(.nav-toggle) .ck-page-header {
  padding-inline-start: 52px !important;
}

html[data-chekku-page="login"] .auth-card {
  padding: 24px;
}
}

@media print {
html[data-chekku-page] .ck-page-header-actions {
  display: none !important;
}
}

html[data-chekku-page] body.sb-is-open {
  overflow: hidden !important;
}

html[data-chekku-page] :is(body,#chekku-design) .ck-page-description {
  background: var(--color-surface) !important;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: 16px 20px;
  margin: 0 0 20px;
}

/* Team Update: blur the full page behind the editor and received update. */

html[data-chekku-page] :is(body,#chekku-design) :is(#teamUpdateModal,#teamAnnouncementModal).show {
  background: var(--color-backdrop) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* CONTEXT RAILS — shared reporting and workspace summaries. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  align-self: start;
  align-items: stretch !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.rail-card,.side-intro-card,.side-mini-card,.intro-card,.mini-card,.side-card,.stat-card,.tomra-control-card,.setting-card,.settings-card) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 20px !important;
  margin: 0 !important;
  background: var(--color-surface) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.ck-context-heading,.rail-kicker,.rail-label,.rail-card-title,.side-kicker,.mini-label,.stat-label) {
  display: block;
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-family: var(--font-ui) !important;
  font-size: var(--text-caption) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail .rail-card-title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail .rail-card-title .rail-kicker {
  font-size: 11px !important;
  color: var(--color-muted) !important;
  margin: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.rail-title,.rail-card-value,.ck-context-title,.side-intro-card > h2,.intro-card h2,.tomra-control-card h2) {
  display: block;
  margin: 0 0 8px !important;
  font-family: var(--font-ui) !important;
  font-size: var(--text-card-title) !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(p,.rail-sub,.rail-card-sub,.rail-copy) {
  font-family: var(--font-ui) !important;
  font-size: var(--text-body) !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: var(--color-muted) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail p {
  margin: 0 0 16px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail .side-card-head {
  margin: 0 !important;
  padding: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.rail-row-list,.side-chip-list,.rail-pill-stack,.rail-list) {
  display: flex;
  flex-direction: column;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-context-row,.ck-context-rail .rail-row) {
  display: grid !important;
  grid-template-columns: 16px minmax(0,1fr) !important;
  align-items: start !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--color-ink) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-icon {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  flex: 0 0 16px;
  vertical-align: -3px;
  color: var(--color-blue);
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail .rail-row > span:first-child {
  display: flex;
  align-items: center;
  width: 16px !important;
  min-width: 16px !important;
  padding: 2px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-context-copy,.ck-context-rail .rail-row > div) {
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-context-key,.ck-context-rail .rail-row small) {
  display: block;
  margin: 0 0 3px !important;
  font-family: var(--font-ui) !important;
  color: var(--color-purple) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-context-value,.ck-context-rail .rail-row > div) {
  font-family: var(--font-ui) !important;
  color: var(--color-ink) !important;
  font-size: var(--text-body) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.rail-metric-grid,.side-stat-grid,.intro-stats,.rail-mini-grid) {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 8px !important;
  margin: 16px 0 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.rail-metric,.side-stat-box,.intro-stats > div,.rail-stat-card) {
  padding: 12px !important;
  border: 1px solid var(--color-line) !important;
  background: var(--color-surface) !important;
  border-radius: var(--radius-card) !important;
  min-width: 0;
  box-shadow: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.rail-metric strong,.side-stat-box strong,.intro-stats strong,.rail-stat-card strong) {
  display: block;
  font-family: var(--font-ui) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.rail-metric > span,.side-stat-box small,.intro-stats small,.rail-stat-card > span) {
  display: block;
  margin-top: 4px;
  font-family: var(--font-ui) !important;
  color: var(--color-muted) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(span.side-chip,.rail-info-pill) {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--font-ui) !important;
  color: var(--color-ink) !important;
  font-size: var(--text-body) !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail span.side-chip {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
  flex-wrap: wrap;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail span.side-chip strong {
  font-size: var(--text-caption);
  font-weight: 600;
}

/* Quick periods always use two columns, text labels, and one selected-state treatment. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.rail-quick-grid,.rail-jump-grid,.rail-jumps,.side-chip-list:has(>a.side-link)) {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 8px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(a.rail-quick,a.rail-jump-pill,a.rail-jump,a.side-link) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box;
  width: 100% !important;
  min-height: var(--control-height) !important;
  height: var(--control-height) !important;
  padding: 6px 8px !important;
  background: var(--color-surface) !important;
  color: var(--color-blue) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-control) !important;
  font-family: var(--font-ui) !important;
  font-size: var(--text-body) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(a.rail-quick,a.rail-jump-pill,a.rail-jump,a.side-link) :is(span,strong) {
  color: inherit !important;
  font: inherit !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(a.rail-quick,a.rail-jump-pill,a.rail-jump,a.side-link):is(.active,.is-active) {
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  border-color: var(--color-blue) !important;
  color: #fff !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(a.rail-quick,a.rail-jump-pill,a.rail-jump,a.side-link):hover {
  border-color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail .rail-actions {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px !important;
  margin-top: 12px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(a,button) .ck-context-icon {
  color: inherit;
}

@media (min-width:1101px) {
html[data-chekku-page] :is(body,#chekku-design) :is(.dashboard-layout,.weight-dashboard-workspace,.waste-workspace,.records-workspace.has-side-rail,.records-workspace:has(>.records-side),.weight-records-workspace) {
  grid-template-columns: 320px minmax(0,1fr) !important;
  gap: 20px !important;
}
}

@media (max-width:1100px) {
html[data-chekku-page] :is(body,#chekku-design) :is(.dashboard-layout,.weight-dashboard-workspace,.waste-workspace,.records-workspace.has-side-rail,.records-workspace:has(>.records-side),.weight-records-workspace) {
  grid-template-columns: minmax(0,1fr) !important;
  gap: 20px !important;
}
}

@media (max-width:700px) {
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.rail-card,.side-intro-card,.side-mini-card,.intro-card,.mini-card,.side-card,.stat-card,.tomra-control-card) {
  padding: 16px !important;
}
}

/* Shared footer: ordinary document flow, small text, no surrounding card. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .app-footer {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  clear: both;
  width: 100% !important;
  box-sizing: border-box;
  grid-column: 1/-1;
  margin: 24px auto 16px !important;
  padding: 0 12px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .app-footer p {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--font-ui) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: rgba(255,255,255,.75) !important;
  background: transparent !important;
  border: 0 !important;
  animation: none !important;
}

@media print {
html[data-chekku-page] .app-footer {
  display: none !important;
}
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.stat-card,.side-card,.mini-card,.tomra-control-card)::before,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.stat-card,.side-card,.mini-card,.tomra-control-card)::after {
  content: none !important;
  display: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail .rail-card > :is(h2,h3):not(.rail-title,.rail-card-value,.ck-context-title) {
  font-family: var(--font-ui) !important;
  font-size: var(--text-caption) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: var(--color-blue) !important;
  margin: 0 0 12px !important;
}

/* SHARED ACTIONS — use explicit roles instead of module-specific button colours. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  min-width: 0;
  min-height: var(--control-height) !important;
  height: var(--control-height) !important;
  padding: 8px 14px !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  color: var(--color-blue) !important;
  font-family: var(--font-ui) !important;
  font-size: var(--text-body) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap;
  vertical-align: middle;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
  cursor: pointer;
  transition: background-color .15s,border-color .15s,color .15s !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action::before,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action::after {
  content: none !important;
  display: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action.ck-action--cancel,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action.ck-action--logout {
  background: var(--color-danger-soft) !important;
  color: var(--color-danger) !important;
  border-color: var(--color-danger-soft) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action.ck-action--submit,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action.ck-action--apply,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action.ck-action--filters {
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  color: #fff !important;
  border-color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action.ck-action--export,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action.ck-action--reset {
  background: var(--color-surface) !important;
  color: var(--color-blue) !important;
  border-color: var(--color-line) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action:is(.ck-action--submit,.ck-action--apply,.ck-action--filters):hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--ck-solid-blue-deep,var(--color-blue-deep)) !important;
  border-color: var(--color-blue-deep) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action:is(.ck-action--export,.ck-action--reset):hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--color-blue-soft) !important;
  border-color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action:is(.ck-action--cancel,.ck-action--logout):hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--color-coral-soft) !important;
  border-color: var(--color-danger) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action:focus-visible {
  outline: 2px solid var(--color-blue) !important;
  outline-offset: 3px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action:is(:disabled,[aria-disabled="true"],.disabled) {
  background: var(--ck-legacy-blue-soft,#EFF1F3) !important;
  color: var(--ck-legacy-muted,#6B7280) !important;
  border-color: var(--color-line) !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action > .ck-context-icon {
  display: inline-block !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  opacity: 1 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action > .ck-action-label {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  line-height: inherit !important;
}

/* Form completion logic continues to own whether Submit is visible. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-action:is(.is-hidden,[hidden]) {
  display: none !important;
}

/* REPORT WORKSPACE — calm surfaces, shared layout, tables and form feedback. */

html[data-chekku-page]:not([data-chekku-page="login"]):not([data-chekku-page="dashboard"]):not([data-chekku-page="manager-portal"]) :is(body,#chekku-design) {
  background: var(--color-canvas) !important;
  background-attachment: scroll !important;
}

html[data-chekku-page]:not([data-chekku-page="login"]):not([data-chekku-page="dashboard"]):not([data-chekku-page="manager-portal"]) :is(body,#chekku-design) .chekku-bg-filter {
  display: none !important;
}

html[data-chekku-page]:not([data-chekku-page="login"]):not([data-chekku-page="dashboard"]):not([data-chekku-page="manager-portal"]) :is(body,#chekku-design) .app-footer p {
  color: var(--color-muted) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.page-shell,.portal-shell,.settings-shell) {
  width: calc(100% - 48px) !important;
  max-width: var(--layout-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-page-header,.panel,.workspace-main,.dashboard-main,.weight-main-stack) {
  min-width: 0;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.panel-head,.board-card-head) {
  gap: 12px;
  align-items: flex-start;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.panel-head,.board-card-head) :is(h2,h3) {
  margin: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.panel-title,.board-card-title,.breakdown-title) > .ck-context-icon {
  margin-right: 6px !important;
  color: inherit !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.sb-ico,.nav-toggle > span) .ck-context-icon {
  color: inherit !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-hub-link {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-duplicate-action[hidden] {
  display: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-empty-report {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 18px 20px;
  margin: 0 0 16px;
  background: var(--color-blue-soft);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  color: var(--color-ink);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-empty-report h2 {
  margin: 0 0 4px !important;
  font: 600 16px/1.4 var(--font-ui) !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-empty-report p {
  margin: 0 !important;
  color: var(--color-muted);
  font: 400 14px/1.5 var(--font-ui);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) table.ck-data-table {
  width: 100%;
  border-collapse: collapse;
  font: 400 14px/1.5 var(--font-ui);
  color: var(--color-ink);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) table.ck-data-table > thead > tr > th {
  padding: 10px 12px !important;
  background: var(--color-blue-soft) !important;
  color: var(--color-blue) !important;
  font: 600 12px/1.4 var(--font-ui) !important;
  letter-spacing: .03em;
  border-bottom: 1px solid var(--color-line) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) table.ck-data-table > tbody > tr > td {
  padding: 10px 12px !important;
  border-bottom: 1px solid var(--color-line) !important;
  vertical-align: middle;
  font: 400 14px/1.5 var(--font-ui);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) table.ck-data-table > tbody > tr:hover > td {
  background-color: var(--color-blue-soft);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-form-progress {
  grid-column: 1/-1;
  display: block;
  margin: 0 0 16px;
  padding: 10px 12px;
  border-left: 3px solid var(--color-blue);
  background: var(--color-blue-soft);
  color: var(--color-ink);
  font: 400 14px/1.5 var(--font-ui);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-form-progress.is-ready {
  border-color: var(--color-success);
  background: var(--color-success-soft);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-field-error {
  margin: 6px 0 0 !important;
  color: var(--color-danger) !important;
  font: 400 12px/1.4 var(--font-ui) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(input,select,textarea)[aria-invalid="true"] {
  border-color: var(--color-danger) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.success-msg,.error-msg,.error-box,.alert-success,.alert-danger) {
  border-radius: var(--radius-card) !important;
  padding: 12px 16px !important;
  font: 400 14px/1.5 var(--font-ui) !important;
  box-shadow: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.success-msg,.alert-success) {
  background: var(--color-success-soft) !important;
  color: var(--color-success) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.error-msg,.error-box,.alert-danger) {
  background: var(--color-danger-soft) !important;
  color: var(--color-danger) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-rail-disclosure {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  min-width: 0;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-rail-disclosure > summary {
  display: none;
}

@media (max-width:1100px) {
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-rail-disclosure {
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-rail-disclosure > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  cursor: pointer;
  list-style: none;
  color: var(--color-blue);
  font: 600 12px/1.4 var(--font-ui);
  letter-spacing: .04em;
  text-transform: uppercase;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-rail-disclosure > summary::-webkit-details-marker {
  display: none;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-rail-disclosure > summary::after {
  content: "";
  width: 7px;
  height: 7px;
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
  margin-right: 3px;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-rail-disclosure[open] > summary::after {
  transform: rotate(225deg);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-rail-disclosure .ck-disclosure-heading {
  display: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-rail-disclosure > :is(section,div) {
  border: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-rail-disclosure > summary:focus-visible {
  outline: 2px solid var(--color-blue);
  outline-offset: -4px;
}
}

@media (max-width:700px) {
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.page-shell,.portal-shell,.settings-shell) {
  width: calc(100% - 24px) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-page-header-actions,.topbar-actions) {
  flex-wrap: wrap;
  gap: 8px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-page-header h1 {
  overflow-wrap: anywhere;
}
}

@media print {
html[data-chekku-page] .ck-rail-disclosure > summary {
  display: none !important;
}
}

/* Phone users can bypass the context rail without losing its controls. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-report-jump {
  display: none !important;
}

html[data-chekku-page] #ck-report-content {
  scroll-margin-top: 16px;
}

@media (max-width:1100px) {
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-report-jump {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
}

/* Live requests use indeterminate motion until a real response completes. */

html[data-chekku-page] .ck-progress-overlay {
  position: fixed;
  z-index: 100000;
  inset: 16px 16px auto auto;
  width: min(340px,calc(100vw - 32px));
  pointer-events: none;
}

html[data-chekku-page] .ck-progress-overlay[hidden],html[data-chekku-page] .ck-request-notice[hidden] {
  display: none !important;
}

html[data-chekku-page] .ck-progress-card {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 8px 12px;
  padding: 18px 20px;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-left: 3px solid var(--color-blue);
  border-radius: var(--radius-card);
  box-shadow: 0 4px 20px rgba(39,58,77,.12);
  pointer-events: auto;
}

html[data-chekku-page] .ck-progress-card h2 {
  margin: 0 !important;
  font: 600 16px/1.4 var(--font-ui) !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page] .ck-progress-card p {
  grid-column: 2;
  margin: 0;
  color: var(--color-muted);
  font: 400 12px/1.5 var(--font-ui);
}

html[data-chekku-page] .ck-progress-card > button {
  grid-column: 2;
  justify-self: start;
}

html[data-chekku-page] .ck-progress-card > button[hidden] {
  display: none !important;
}

html[data-chekku-page] .ck-progress-spinner {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border: 2px solid var(--color-line);
  border-top-color: var(--color-blue);
  border-radius: 50%;
  animation: ck-request-spin .8s linear infinite;
}

html[data-chekku-page] .ck-request-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  position: fixed;
  z-index: 100001;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: min(700px,calc(100vw - 40px));
  box-sizing: border-box;
  padding: 16px 20px;
  background: var(--color-danger-soft);
  color: var(--color-danger);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  font: 400 14px/1.5 var(--font-ui);
}

html[data-chekku-page] .ck-request-notice > span {
  flex: 1 1 240px;
}

@keyframes ck-request-spin { to { transform:rotate(360deg); } }

@media (prefers-reduced-motion:reduce) {
html[data-chekku-page] .ck-progress-spinner {
  animation: none;
}
}

/* Dedicated report actions and unavailable exports. */

html[data-chekku-page] .ck-report-actions-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  margin-top: 12px;
}

html[data-chekku-page] .ck-report-actions-grid > form {
  display: contents;
}

html[data-chekku-page] .ck-report-actions-grid :is(button,a) {
  width: 100%;
  margin: 0;
  min-width: 0;
  justify-content: center;
}

html[data-chekku-page] .ck-export-empty-hint {
  margin: 12px 0 0;
  font: 400 12px/1.5 var(--font-ui);
  color: var(--color-muted);
}

html[data-chekku-page] .ck-export-empty-hint[hidden] {
  display: none !important;
}

html[data-chekku-page] .ck-action--export[aria-disabled="true"] {
  opacity: .45 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* BLOCK SYSTEM — layout containers never paint a card surface. */

:root {
  --space-block: 16px;
  --space-workspace: 20px;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-layout,.ck-stack,.ck-grid,.ck-page-shell) {
  min-width: 0;
  box-sizing: border-box;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-page-shell {
  padding: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-layout {
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  gap: var(--space-workspace) !important;
  overflow: visible !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-stack {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: var(--space-block) !important;
  align-content: start !important;
  padding: 0 !important;
  margin: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-grid {
  padding: 0 !important;
  gap: var(--space-block) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail {
  position: relative !important;
  top: auto !important;
}

/* One surface contract for panels, forms, charts, settings and context cards. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-card {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0 !important;
  padding: var(--space-panel) !important;
  background: var(--color-surface) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--color-ink);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-stack > .ck-card {
  margin: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-card.ck-metric {
  padding: 16px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-card.ck-metric-compact {
  padding: 12px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-metrics-grid {
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  align-items: stretch !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-card:is(.hero-stat,.mini-summary,.stat-card,.intro-card,.hero-intro-card,.tool-card,.setting-card,.app-tile)::before,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-card:is(.hero-stat,.mini-summary,.stat-card,.intro-card,.hero-intro-card,.tool-card,.setting-card,.app-tile)::after {
  content: none !important;
  display: none !important;
}

/* Header geometry is shared even on older screens with their own controller. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-page-header,.app-topbar,.top-control-section,.size-topbar) {
  padding: 20px !important;
  margin: 0 0 24px !important;
  background: var(--color-surface) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design):has(.nav-toggle) :is(.ck-page-header,.app-topbar,.top-control-section,.size-topbar) {
  padding-inline-start: 40px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-page-header,.app-topbar,.top-control-section,.size-topbar) h1 {
  margin: 6px 0 0 !important;
  font-size: var(--text-page-title) !important;
  line-height: 1.25 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .topbar-reference-line {
  display: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.panel-head,.section-head,.board-card-head,.chart-panel-head) {
  margin: 0 0 16px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid var(--color-line) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.hero-stat-icon,.mini-icon,.stat-icon,.metric-icon,.kpi-icon) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-heading-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  vertical-align: -2px;
  color: inherit;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.hero-stat-icon,.mini-icon,.stat-icon,.metric-icon,.kpi-icon) .ck-heading-icon {
  margin: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.tool-bg-icon,.setting-bg-icon,.app-tile-bg-icon) {
  display: flex !important;
  position: static !important;
  align-items: center;
  width: 20px !important;
  height: 20px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: var(--color-blue) !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.ck-context-row,.rail-row) {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-context-rail :is(.ck-context-copy,.rail-row > div) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ck-icon-library[hidden] {
  display: none !important;
}

@media (max-width:1300px) {
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-metrics-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}
}

@media (max-width:700px) {
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-card {
  padding: 16px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-metrics-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-page-header,.app-topbar,.top-control-section,.size-topbar) {
  padding: 16px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design):has(.nav-toggle) :is(.ck-page-header,.app-topbar,.top-control-section,.size-topbar) {
  padding-inline-start: 52px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-page-header,.app-topbar,.top-control-section,.size-topbar) h1 {
  font-size: 24px !important;
}
}

/* GRADE COLOURS — category identity, separate from action and change-status colours.
   Keep all four fills, readable text colours and pale comparison fills here. */

:root {
  --grade-packable: #2E9D58;
  --grade-packable-text: #216E3D;
  --grade-packable-soft: #EAF5EE;
  --grade-composite: #3979D3;
  --grade-composite-text: #245FA8;
  --grade-composite-soft: #EAF1FB;
  --grade-class2: #F2C438;
  --grade-class2-text: #795C00;
  --grade-class2-soft: #FFF7DB;
  --grade-waste: #D94B54;
  --grade-waste-text: #AD303A;
  --grade-waste-soft: #FBEDEF;
}

[data-ck-grade="packable"],[data-ck-grade-metric="packable"],[data-ck-grade-cell="packable"] {
  --ck-grade-fill: var(--grade-packable);
  --ck-grade-text: var(--grade-packable-text);
  --ck-grade-soft: var(--grade-packable-soft);
}

[data-ck-grade="composite"],[data-ck-grade-metric="composite"],[data-ck-grade-cell="composite"] {
  --ck-grade-fill: var(--grade-composite);
  --ck-grade-text: var(--grade-composite-text);
  --ck-grade-soft: var(--grade-composite-soft);
}

[data-ck-grade="class2"],[data-ck-grade-metric="class2"],[data-ck-grade-cell="class2"] {
  --ck-grade-fill: var(--grade-class2);
  --ck-grade-text: var(--grade-class2-text);
  --ck-grade-soft: var(--grade-class2-soft);
}

[data-ck-grade="waste"],[data-ck-grade-metric="waste"],[data-ck-grade-cell="waste"] {
  --ck-grade-fill: var(--grade-waste);
  --ck-grade-text: var(--grade-waste-text);
  --ck-grade-soft: var(--grade-waste-soft);
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-grade-label,
html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) [data-ck-grade-metric] > :is(.hero-stat-value,.mini-value,.legend-value,.kpi-value,.summary-value,.summary-number,.esm-stat-value,.v,strong),
html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) [data-ck-grade-metric] :is(.legend-right,.legend-value),
html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) td[data-ck-grade-cell] {
  color: var(--ck-grade-text) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-grade-icon {
  display: inline-block !important;
  flex: 0 0 12px !important;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  padding: 0 !important;
  margin: 0 7px 0 0 !important;
  border: 0 !important;
  border-radius: 1px !important;
  background: var(--ck-grade-fill) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08) !important;
  vertical-align: -1px !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-grade-symbol .ck-grade-icon {
  width: 16px !important;
  height: 16px !important;
  flex-basis: 16px !important;
  margin: 0 !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.badge,.type-pill,.status-pill,.metric-chip,.side-metric).ck-grade-label,
html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) td[data-ck-grade-cell] > .badge {
  color: var(--ck-grade-text) !important;
  background: var(--ck-grade-soft) !important;
  border-color: var(--ck-grade-fill) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.seg-composite,.seg-comp) {
  background: var(--grade-composite) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .seg-class2 {
  background: var(--grade-class2) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.seg-waste,.dot-waste) {
  background: var(--grade-waste) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .defect-driver-subcard.class2 :is(.defect-bar-fill,.bar-fill) {
  background: var(--grade-class2) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .defect-driver-subcard.waste :is(.defect-bar-fill,.bar-fill) {
  background: var(--grade-waste) !important;
}

@media (forced-colors:active) {
html[data-chekku-page] .ck-grade-icon {
  forced-color-adjust: none;
}
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .launch-btn[data-ck-grade-metric] {
  background: var(--ck-grade-soft) !important;
  color: var(--ck-grade-text) !important;
  border-color: var(--ck-grade-fill) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .grade-breakdown td[data-ck-grade-segment="comp"] {
  background: var(--grade-composite) !important;
  color: #FFF !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .grade-breakdown td[data-ck-grade-segment="c2"] {
  background: var(--grade-class2) !important;
  color: var(--color-ink) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .grade-breakdown td[data-ck-grade-segment="waste"] {
  background: var(--grade-waste) !important;
  color: #FFF !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .defect-driver-subcard.class2 .defect-horizontal-bar-fill {
  background: var(--grade-class2) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .defect-driver-subcard.waste .defect-horizontal-bar-fill {
  background: var(--grade-waste) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .defect-driver-subcard.class2 .defect-bar-h {
  background: var(--grade-class2) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .defect-driver-subcard.waste .defect-bar-h {
  background: var(--grade-waste) !important;
}

/* LAUNCH CARDS — one layout for hub applications, Tomra tools and settings.
   Keep icon/copy/arrow placement explicit so legacy two-column rules cannot
   put the text into the old decorative-arrow column. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-panel {
  align-self: start !important;
  min-height: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
  min-width: 0;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-card {
  display: grid !important;
  grid-template-columns: 20px minmax(0,1fr) 16px !important;
  grid-template-rows: auto !important;
  align-items: start !important;
  align-content: start !important;
  justify-content: normal !important;
  gap: 8px 12px !important;
  grid-column: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 20px !important;
  background: var(--color-surface) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-card) !important;
  font: 400 14px/1.5 var(--font-ui) !important;
  color: var(--color-ink) !important;
  text-align: left !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  overflow: visible !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-card::before,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-card::after {
  content: none !important;
  display: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: static !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  color: var(--color-blue) !important;
  opacity: 1 !important;
  transform: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-icon > svg {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  color: inherit !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-tag {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  font: 600 11px/1.4 var(--font-ui) !important;
  color: var(--color-muted) !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-copy > :is(h3,p) {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  letter-spacing: normal !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-copy > h3 {
  margin: 0 0 6px !important;
  font: 600 16px/1.4 var(--font-ui) !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-copy > p {
  margin: 0 !important;
  font: 400 14px/1.5 var(--font-ui) !important;
  color: var(--color-muted) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-arrow {
  grid-column: 3 !important;
  grid-row: 1 !important;
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 16px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  line-height: 20px !important;
  color: var(--color-blue) !important;
  opacity: 1 !important;
  transform: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-card > .announcement-preview {
  grid-column: 2 / -1 !important;
  min-width: 0;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) a.ck-launch-card:hover,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) button.ck-launch-card:hover {
  border-color: var(--color-blue) !important;
  background: var(--color-surface-soft) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-card:focus-visible {
  outline: 2px solid var(--color-blue) !important;
  outline-offset: 3px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-card[aria-disabled="true"] {
  background: var(--color-surface-soft) !important;
  cursor: default !important;
}

@media (max-width:680px) {
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-grid {
  grid-template-columns: minmax(0,1fr) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-launch-card {
  padding: 16px !important;
}
}

/* PORTAL — one contained workspace, with completed personal choices in its header. */

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-page {
  width: calc(100% - 48px) !important;
  max-width: 1440px !important;
  margin: 24px auto !important;
  padding: 0 !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-shell {
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: 24px;
  box-sizing: border-box;
  min-width: 0;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px 24px;
  padding: 0 0 24px;
  margin: 0 0 24px;
  border-bottom: 1px solid var(--color-line);
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-welcome {
  min-width: 0;
  flex: 1 1 360px;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-welcome h1 {
  margin: 6px 0 10px !important;
  font: 600 28px/1.25 var(--font-ui) !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-meta {
  display: flex;
  gap: 8px 16px;
  flex-wrap: wrap;
  color: var(--color-muted);
  font: 400 12px/1.5 var(--font-ui);
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-choice {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-control);
  background: var(--color-surface-soft);
  font: 600 13px/1.4 var(--font-ui);
  color: var(--color-ink);
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-choice-emoji {
  font-size: 25px;
  line-height: 1;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-choice-text {
  display: grid;
  gap: 1px;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-choice-text small {
  font: 400 10px/1.4 var(--font-ui) !important;
  color: var(--color-muted) !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-rank-note {
  flex-basis: 100%;
  text-align: right;
  color: var(--color-muted);
  font-size: 11px;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-header .js-ranks-btn.is-hidden {
  display: none !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-content {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 24px;
  min-width: 0;
  align-items: start;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-content--checkin {
  grid-template-columns: 250px minmax(0,1fr);
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-checkins {
  padding-right: 24px;
  border-right: 1px solid var(--color-line);
  min-width: 0;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) :is(.ck-portal-checkin,.ck-portal-apps) {
  min-width: 0;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) :is(.ck-portal-checkin,.ck-portal-apps-head) h2 {
  margin: 6px 0 8px !important;
  font: 600 18px/1.4 var(--font-ui) !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-section-kicker {
  color: var(--color-muted);
  font: 600 11px/1.4 var(--font-ui);
  letter-spacing: .05em;
  text-transform: uppercase;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) :is(.ck-portal-checkin,.ck-portal-apps-head) p {
  font: 400 13px/1.5 var(--font-ui) !important;
  color: var(--color-muted) !important;
  margin: 0 0 16px !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) :is(.ck-portal-mood-options,.ck-portal-game-options) {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 8px !important;
  margin: 0 0 14px;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) :is(.ck-portal-mood-options,.ck-portal-game-options) button {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 68px !important;
  padding: 10px 4px !important;
  margin: 0 !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface-soft) !important;
  font-size: 26px !important;
  color: var(--color-ink) !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) :is(.ck-portal-mood-options,.ck-portal-game-options) button small {
  font: 400 11px/1.4 var(--font-ui) !important;
  color: var(--color-ink) !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) :is(.ck-portal-mood-options,.ck-portal-game-options) button:hover {
  border-color: var(--color-blue) !important;
  background: var(--color-blue-soft) !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-checkin-note {
  display: block;
  color: var(--color-muted);
  font: 400 12px/1.5 var(--font-ui);
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-apps-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 20px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-apps-head h2 {
  margin: 0 0 4px !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-apps-head p {
  margin: 0 !important;
  font-size: 12px !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-status-tools {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-updated {
  color: var(--color-muted);
  font: 400 11px/1.4 var(--font-ui);
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-card-status {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--color-line);
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-card-metrics {
  display: flex;
  gap: 12px 24px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-card-metric {
  display: grid;
  align-content: start;
  gap: 2px;
  min-width: 0;
  text-transform: none !important;
  letter-spacing: normal !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-stat-value {
  font: 600 18px/1.4 var(--font-ui) !important;
  color: var(--color-blue) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-stat-value.ck-portal-value--packable {
  color: var(--grade-packable-text) !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-stat-label {
  font: 400 11px/1.4 var(--font-ui) !important;
  color: var(--color-muted) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-status-note {
  display: block;
  color: var(--color-muted) !important;
  font: 400 10px/1.4 var(--font-ui) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-app-grid--single {
  grid-template-columns: minmax(0,1fr) !important;
}

@media (max-width:1000px) {
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-content--checkin {
  grid-template-columns: minmax(0,1fr);
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-checkins {
  padding: 0 0 20px;
  border-right: 0;
  border-bottom: 1px solid var(--color-line);
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-checkin {
  max-width: 420px;
}
}

@media (max-width:700px) {
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-page {
  width: calc(100% - 24px) !important;
  margin: 12px auto !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-shell {
  padding: 16px;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-welcome h1 {
  font-size: 24px !important;
  overflow-wrap: anywhere;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-header-actions {
  justify-content: flex-start;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-header-actions .app-logout {
  width: auto !important;
}

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-rank-note {
  text-align: left;
}
}

/* Eight daily moods: consistent choice grids and new saved-state badges. */

html:is([data-chekku-page="dashboard"],[data-chekku-page="manager-portal"])[data-chekku-page] :is(body,#chekku-design) :is(.ck-portal-mood-options,.app-mood-grid.wellbeing-options) {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 8px !important;
}

html[data-chekku-page="wellbeing"][data-chekku-page] :is(body,#chekku-design) .mood-strip {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .hero-card-badge.badge-sick {
  background: var(--color-warning-soft) !important;
  color: var(--color-warning) !important;
  border-color: var(--color-line) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .hero-card-badge.badge-cold {
  background: var(--color-blue-soft) !important;
  color: var(--color-blue) !important;
  border-color: var(--color-line) !important;
}

/* Pre-Grade allocation cards open drawers; they are not single-line actions. */

html[data-chekku-page][data-chekku-page]:is([data-chekku-page="pregrade-analysis-form"],[data-chekku-page="pregrade-analysis3-form"]) :is(body,#chekku-design) .launch-btn {
  display: grid !important;
  grid-template-columns: 16px minmax(0,1fr) auto !important;
  grid-template-rows: auto !important;
  position: relative !important;
  align-items: start !important;
  align-content: start !important;
  justify-content: normal !important;
  gap: 12px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 160px !important;
  max-height: none !important;
  padding: 20px !important;
  border-radius: var(--radius-card) !important;
  overflow: visible !important;
  font: 400 14px/1.5 var(--font-ui) !important;
  text-align: left !important;
  white-space: normal !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer;
}

html[data-chekku-page][data-chekku-page]:is([data-chekku-page="pregrade-analysis-form"],[data-chekku-page="pregrade-analysis3-form"]) :is(body,#chekku-design) .launch-btn.class2 {
  --ck-grade-fill: var(--grade-class2);
  --ck-grade-text: var(--grade-class2-text);
  --ck-grade-soft: var(--grade-class2-soft);
  background: var(--ck-grade-class2-soft,var(--grade-class2-soft)) !important;
  border: 1px solid var(--grade-class2) !important;
  color: var(--grade-class2-text) !important;
}

html[data-chekku-page][data-chekku-page]:is([data-chekku-page="pregrade-analysis-form"],[data-chekku-page="pregrade-analysis3-form"]) :is(body,#chekku-design) .launch-btn.waste {
  --ck-grade-fill: var(--grade-waste);
  --ck-grade-text: var(--grade-waste-text);
  --ck-grade-soft: var(--grade-waste-soft);
  background: var(--ck-grade-waste-soft,var(--grade-waste-soft)) !important;
  border: 1px solid var(--grade-waste) !important;
  color: var(--grade-waste-text) !important;
}

html[data-chekku-page][data-chekku-page]:is([data-chekku-page="pregrade-analysis-form"],[data-chekku-page="pregrade-analysis3-form"]) :is(body,#chekku-design) .launch-btn .entry-card-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 !important;
  margin: 3px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important;
}

html[data-chekku-page][data-chekku-page]:is([data-chekku-page="pregrade-analysis-form"],[data-chekku-page="pregrade-analysis3-form"]) :is(body,#chekku-design) .launch-btn .entry-card-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: static !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-chekku-page][data-chekku-page]:is([data-chekku-page="pregrade-analysis-form"],[data-chekku-page="pregrade-analysis3-form"]) :is(body,#chekku-design) .launch-btn .entry-card-copy strong {
  display: block !important;
  margin: 0 0 8px !important;
  font: 600 16px/1.4 var(--font-ui) !important;
  color: var(--ck-grade-text) !important;
}

html[data-chekku-page][data-chekku-page]:is([data-chekku-page="pregrade-analysis-form"],[data-chekku-page="pregrade-analysis3-form"]) :is(body,#chekku-design) .launch-btn .entry-card-copy > span {
  display: block !important;
  margin: 0 !important;
  font: 400 13px/1.5 var(--font-ui) !important;
  color: var(--color-muted) !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: break-word;
  opacity: 1 !important;
}

html[data-chekku-page][data-chekku-page]:is([data-chekku-page="pregrade-analysis-form"],[data-chekku-page="pregrade-analysis3-form"]) :is(body,#chekku-design) .launch-btn .entry-card-total {
  grid-column: 3 !important;
  grid-row: 1 !important;
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  width: auto !important;
  height: 30px !important;
  padding: 0 6px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid var(--ck-grade-fill) !important;
  border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important;
  font: 600 14px/1 var(--font-ui) !important;
  color: var(--ck-grade-text) !important;
  box-shadow: none !important;
}

html[data-chekku-page][data-chekku-page]:is([data-chekku-page="pregrade-analysis-form"],[data-chekku-page="pregrade-analysis3-form"]) :is(body,#chekku-design) .launch-btn:hover {
  border-color: var(--ck-grade-text) !important;
}

html[data-chekku-page][data-chekku-page]:is([data-chekku-page="pregrade-analysis-form"],[data-chekku-page="pregrade-analysis3-form"]) :is(body,#chekku-design) .launch-btn:focus-visible {
  outline: 2px solid var(--ck-grade-text) !important;
  outline-offset: 3px !important;
}

@media (max-width:760px) {
html[data-chekku-page][data-chekku-page]:is([data-chekku-page="pregrade-analysis-form"],[data-chekku-page="pregrade-analysis3-form"]) :is(body,#chekku-design) .launch-btn {
  padding: 16px !important;
  min-height: 144px !important;
  gap: 10px !important;
}
}

/* Shared record confirmations. Native dialog stays above module-owned overlays. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-confirm-dialog {
  box-sizing: border-box !important;
  width: min(460px,calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100dvh - 32px);
  height: fit-content !important;
  min-height: 0 !important;
  overflow: auto;
  position: fixed !important;
  inset: 0 !important;
  margin: auto !important;
  padding: 24px !important;
  background: var(--color-surface) !important;
  color: var(--color-ink) !important;
  border: 1px solid var(--color-line) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: 0 16px 48px rgba(27,45,61,.18) !important;
  font: 400 14px/1.5 var(--font-ui) !important;
}

html[data-chekku-page] .ck-confirm-dialog:not([open]) {
  display: none !important;
}

html[data-chekku-page] .ck-confirm-dialog::backdrop {
  background: rgba(27,45,61,.48);
  backdrop-filter: blur(5px);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-confirm-dialog h2 {
  margin: 0 0 12px !important;
  font: 600 20px/1.4 var(--font-ui) !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-confirm-dialog p {
  margin: 0 0 16px !important;
  font: 400 14px/1.5 var(--font-ui) !important;
  color: var(--color-muted) !important;
  overflow-wrap: anywhere;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-confirm-dialog .ck-confirm-context {
  padding: 12px !important;
  background: var(--color-surface-soft) !important;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-control);
  color: var(--color-ink) !important;
}

html[data-chekku-page] .ck-confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 24px;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-confirm-dialog button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box !important;
  width: auto !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  border: 1px solid var(--color-blue) !important;
  border-radius: var(--radius-control) !important;
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  color: #fff !important;
  font: 600 13px/1 var(--font-ui) !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-confirm-dialog [data-ck-confirm-cancel] {
  color: var(--color-danger) !important;
  background: var(--color-danger-soft) !important;
  border-color: var(--ck-legacy-line,#E5BDc5) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-confirm-dialog[data-action="delete"] .ck-confirm-approve {
  color: #fff !important;
  background: var(--ck-solid-danger,var(--color-danger)) !important;
  border-color: var(--color-danger) !important;
}

html[data-chekku-page] .ck-confirm-dialog button:focus-visible {
  outline: 2px solid var(--color-blue) !important;
  outline-offset: 3px !important;
}

/* One contained workspace, with the quiet footer outside its surface. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-contained-page {
  display: block !important;
  box-sizing: border-box !important;
  width: calc(100% - 48px) !important;
  max-width: 1600px !important;
  margin: 24px auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-workspace-shell {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 24px;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  box-shadow: none;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-workspace-shell :is(.page-shell,.portal-shell,.settings-shell) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-workspace-shell :is(.ck-page-header,.app-topbar,.top-control-section,.size-topbar) {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--color-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  padding: 0 0 24px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design):has(.nav-toggle) .ck-workspace-shell :is(.ck-page-header,.app-topbar,.top-control-section,.size-topbar) {
  padding-inline-start: 28px !important;
}

@media (max-width:700px) {
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-contained-page {
  width: calc(100% - 24px) !important;
  margin: 12px auto !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-workspace-shell {
  padding: 16px;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-workspace-shell :is(.ck-page-header,.app-topbar,.top-control-section,.size-topbar) {
  padding: 0 0 20px !important;
  margin-bottom: 20px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design):has(.nav-toggle) .ck-workspace-shell :is(.ck-page-header,.app-topbar,.top-control-section,.size-topbar) {
  padding-inline-start: 28px !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-confirm-dialog {
  padding: 20px !important;
}
}

@media print {
html[data-chekku-page] .ck-workspace-shell {
  border: 0 !important;
  padding: 0 !important;
}

html[data-chekku-page] .ck-confirm-dialog {
  display: none !important;
}
}

/* Plain session metadata below every workspace title: date, assigned shift, user. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-header-meta {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 18px !important;
  width: auto !important;
  min-width: 0;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--color-muted) !important;
  font: 400 13px/1.5 var(--font-ui) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-header-meta > span {
  display: inline-flex !important;
  align-items: center;
  gap: 6px !important;
  min-width: 0;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-header-meta .ck-context-icon {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 14px !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--color-blue) !important;
  background: transparent !important;
}

html[data-chekku-page] .ck-header-meta time {
  font: inherit;
  color: inherit;
}

@media (max-width:540px) {
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-header-meta .ck-header-date {
  flex-basis: 100%;
}
}

/* User administration: role boundaries, assigned resources and account status. */

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) [data-ck-access-denied="true"] {
  display: none !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-metrics {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 20px;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-metrics strong {
  display: block;
  font: 600 24px/1.3 var(--font-ui);
  color: var(--color-blue);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-metrics span {
  display: block;
  margin-top: 5px;
  color: var(--color-muted);
  font: 400 12px/1.4 var(--font-ui);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(340px,420px);
  gap: 20px;
  align-items: start;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-users-directory,.ck-users-editor) {
  min-width: 0;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-users-directory,.ck-users-editor,.ck-users-credential) h2 {
  margin: 0 0 8px !important;
  font: 600 18px/1.4 var(--font-ui) !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-users-editor,.ck-users-section-head,.ck-users-credential) p {
  margin: 0 0 16px;
  font: 400 13px/1.5 var(--font-ui);
  color: var(--color-muted);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-filters {
  display: grid;
  grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);
  gap: 12px;
  margin: 20px 0;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-users-filters,.ck-users-form) label {
  display: grid;
  gap: 6px;
  font: 500 12px/1.4 var(--font-ui);
  color: var(--color-ink);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-users-filters,.ck-users-form) :is(input:not([type="checkbox"]),select) {
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100%;
  height: 38px !important;
  padding: 8px 10px !important;
  font: 400 13px/1.4 var(--font-ui) !important;
}

html[data-chekku-page] .ck-users-table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-table {
  width: 100%;
  min-width: 540px;
  border-collapse: collapse;
  font: 400 13px/1.5 var(--font-ui);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-table :is(th,td) {
  padding: 12px 10px !important;
  text-align: left !important;
  vertical-align: top;
  border: 0;
  border-bottom: 1px solid var(--color-line);
  background: transparent !important;
  color: var(--color-ink) !important;
  white-space: normal;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-table th {
  font: 600 11px/1.4 var(--font-ui);
  color: var(--color-muted) !important;
  background: var(--color-surface-soft) !important;
}

html[data-chekku-page] .ck-users-table small {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: var(--color-muted);
}

html[data-chekku-page] .ck-users-access-list {
  display: grid;
  gap: 3px;
  font-size: 11px;
}

html[data-chekku-page] .ck-users-status {
  font-size: 12px;
}

html[data-chekku-page] .ck-users-status.is-active {
  color: var(--color-success);
}

html[data-chekku-page] .ck-users-status.is-inactive {
  color: var(--color-danger);
}

html[data-chekku-page] .ck-users-form {
  display: grid;
  gap: 16px;
  margin-top: 20px;
}

html[data-chekku-page] .ck-users-field-pair {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 12px;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-role-help {
  padding: 12px !important;
  margin: 0 !important;
  border-left: 2px solid var(--color-blue);
  background: var(--color-blue-soft);
}

html[data-chekku-page] .ck-users-account-note {
  font-size: 12px !important;
}

html[data-chekku-page] .ck-users-grants {
  padding: 0;
  border: 0;
  min-width: 0;
}

html[data-chekku-page] .ck-users-grants legend {
  margin-bottom: 12px;
  font: 600 13px/1.4 var(--font-ui);
  color: var(--color-blue);
}

html[data-chekku-page] .ck-users-grant-group {
  margin-top: 14px;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-grant-group h3 {
  font: 600 11px/1.4 var(--font-ui) !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 6px !important;
  color: var(--color-muted) !important;
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-form .ck-users-grant {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 0;
  border-bottom: 1px solid var(--color-line);
  font: 400 13px/1.4 var(--font-ui);
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-grant input {
  appearance: auto !important;
  position: static !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
  accent-color: var(--color-blue);
}

html[data-chekku-page] .ck-users-grant.is-unavailable {
  color: var(--color-muted);
}

html[data-chekku-page] .ck-users-fixed-access {
  padding: 12px;
  border: 1px solid var(--color-line);
  background: var(--color-surface-soft);
  font: 400 13px/1.5 var(--font-ui);
}

html[data-chekku-page] :is(.ck-users-form-actions,.ck-users-secondary-actions) {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

html[data-chekku-page] .ck-users-secondary-actions {
  border-top: 1px solid var(--color-line);
  margin-top: 20px;
  padding-top: 16px;
}

html[data-chekku-page] .ck-users-notice {
  padding: 14px 16px;
  margin-bottom: 16px;
  background: var(--color-success-soft);
  color: var(--color-success);
  border-left: 2px solid var(--color-success);
  font: 400 14px/1.5 var(--font-ui);
}

html[data-chekku-page] .ck-users-notice--error {
  background: var(--color-danger-soft);
  color: var(--color-danger);
  border-color: var(--color-danger);
}

html[data-chekku-page] .ck-users-credential {
  margin-bottom: 20px;
}

html[data-chekku-page] .ck-users-credential code {
  display: inline-block;
  margin: 0 12px 8px 0;
  padding: 10px 14px;
  background: var(--color-surface-soft);
  font: 600 16px/1.4 Consolas,monospace;
  color: var(--color-ink);
  user-select: all;
}

html[data-chekku-page] .ck-users-audit {
  margin-top: 20px;
}

html[data-chekku-page] .ck-users-audit summary {
  cursor: pointer;
  color: var(--color-blue);
  font-weight: 600;
}

html[data-chekku-page] .ck-users-audit[open] summary {
  margin-bottom: 16px;
}

@media (max-width:1180px) {
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-layout {
  grid-template-columns: minmax(0,1fr);
}

html[data-chekku-page] .ck-users-editor {
  order: -1;
}
}

@media (max-width:700px) {
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-metrics {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-filters {
  grid-template-columns: minmax(0,1fr);
}
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-users-page [hidden] {
  display: none !important;
}

/* Site configuration: flat shared workspace, one fixed installation identity. */

.ck-site-layout {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(300px,1fr);
  gap: 20px;
  align-items: start;
}

.ck-site-details,.ck-site-connection {
  padding: 24px;
  min-width: 0;
}

.ck-site-section-head {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--ck-border,#d6deea);
  margin-bottom: 20px;
}

.ck-site-section-head h2,.ck-site-connection h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 8px;
  font-size: 17px;
}

.ck-site-section-head p,.ck-site-help {
  color: var(--ck-muted,#65748b);
  font-size: 13px;
  line-height: 1.65;
  margin: 8px 0 0;
}

.ck-site-form {
  display: grid;
  gap: 18px;
}

.ck-site-form label {
  display: grid;
  gap: 7px;
  font-size: 13px;
  font-weight: 500;
}

.ck-site-form input,.ck-site-form select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--ck-border,#d6deea);
  border-radius: 4px;
  background: var(--ck-legacy-surface,#fff);
  color: inherit;
  font: inherit;
}

.ck-site-form input:focus-visible,.ck-site-form select:focus-visible {
  outline: 2px solid #355c7d;
  outline-offset: 2px;
}

.ck-site-optional {
  display: inline;
  color: var(--ck-legacy-muted,#65748b);
  font-weight: 400;
  font-size: 12px;
}

.ck-site-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 8px;
}

.ck-site-stack {
  display: grid;
  gap: 16px;
}

.ck-site-definition {
  margin: 18px 0 0;
}

.ck-site-definition>div {
  display: grid;
  grid-template-columns: 125px minmax(0,1fr);
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--ck-legacy-line,#e4e9ef);
}

.ck-site-definition dt {
  font-size: 12px;
  color: var(--ck-legacy-muted,#65748b);
}

.ck-site-definition dd {
  margin: 0;
  font-size: 13px;
}

.ck-site-connection code,.ck-site-help code {
  font-size: 12px;
  overflow-wrap: anywhere;
  white-space: normal;
}

.ck-site-environment {
  display: inline-flex;
  align-items: center;
  color: var(--ck-legacy-accent,#355c7d);
  font-weight: 500;
}

.ck-site-environment.is-test {
  color: var(--ck-legacy-warning,#88522b);
}

.ck-site-registered {
  display: grid;
  gap: 5px;
  padding: 12px 0;
  border-bottom: 1px solid var(--ck-legacy-line,#e4e9ef);
  font-size: 13px;
}

.ck-site-history {
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
}

.ck-site-history li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px;
  padding: 9px 0;
  border-bottom: 1px solid var(--ck-legacy-line,#e4e9ef);
  font-size: 12px;
}

.ck-site-history span {
  color: var(--ck-legacy-muted,#65748b);
}

.ck-site-notice {
  padding: 14px 18px;
  margin-bottom: 18px;
  border: 1px solid var(--ck-legacy-line,#d6deea);
  border-left: 3px solid #355c7d;
  background: var(--ck-legacy-blue-soft,#edf2f6);
  font-size: 13px;
}

.ck-site-notice--error {
  border-left-color: #bd394c;
  background: var(--ck-legacy-danger-soft,#fbf0f2);
}

.ck-header-site {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ck-site-test-label {
  font-weight: 600;
  color: var(--ck-legacy-warning,#88522b);
  background: var(--ck-legacy-warning-soft,#fff2e8);
  padding: 2px 6px;
  border-radius: 3px;
}

.ck-site-login {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 20px;
  color: var(--ck-legacy-muted,#65748b);
  font-size: 13px;
  text-align: center;
}

@media (max-width:850px) {
.ck-site-layout {
  grid-template-columns: minmax(0,1fr);
}

.ck-site-stack {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.ck-site-stack>section:last-child {
  grid-column: 1/-1;
}
}

@media (max-width:560px) {
.ck-site-details,.ck-site-connection {
  padding: 18px;
}

.ck-site-stack {
  grid-template-columns: minmax(0,1fr);
}

.ck-site-definition>div {
  grid-template-columns: 95px minmax(0,1fr);
}

.ck-site-form-actions>* {
  flex: 1;
  justify-content: center;
}

.ck-header-meta .ck-header-site {
  max-width: 100%;
  overflow-wrap: anywhere;
}
}

/* Active location and maintenance controls. */

.ck-location-selector {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  font-size: 12px;
}

.ck-location-selector select {
  max-width: 200px;
  min-height: 30px;
  border: 1px solid var(--ck-legacy-line,#d6deea);
  border-radius: 3px;
  color: var(--ck-legacy-accent,#355c7d);
  background: var(--ck-legacy-surface,#fff);
  font: inherit;
  padding: 4px 8px;
}

.ck-location-selector .btn {
  min-height: 30px;
  padding: 4px 8px;
  font-size: 12px;
}

.ck-location-selector label {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ck-location-row {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 10px;
  border-bottom: 1px solid var(--ck-legacy-line,#d6deea);
  padding: 20px 0;
}

.ck-location-row p {
  font-size: 12px;
  color: var(--ck-legacy-muted,#65748b);
}

.ck-location-row form {
  display: flex;
  align-items: end;
  gap: 8px;
  flex-wrap: wrap;
}

.ck-location-password {
  display: grid;
  gap: 5px;
  font-size: 12px;
}

.ck-location-password input {
  border: 1px solid var(--ck-legacy-line,#d6deea);
  border-radius: 4px;
  padding: 8px;
  max-width: 190px;
}

.ck-site-form {
  margin-top: 16px;
}

@media (max-width:560px) {
.ck-location-selector {
  flex-wrap: wrap;
}

.ck-location-selector select {
  max-width: 175px;
}
}

/* LOCATION-AWARE SIGN-IN — shared palette, one responsive surface. */

html[data-chekku-page="login"] .auth-page {
  width: min(100%,1000px);
}

html[data-chekku-page="login"] .auth-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 4px;
  overflow: hidden;
}

html[data-chekku-page="login"] .auth-story {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 56px;
  padding: 44px;
  background: var(--ck-solid-blue,var(--color-blue));
}

html[data-chekku-page="login"] :is(body,#chekku-design) .auth-story :is(h2,p,a,strong,span) {
  color: #fff !important;
}

html[data-chekku-page="login"] .auth-wordmark {
  font-size: 29px;
  font-weight: 650;
  letter-spacing: -.04em;
  text-decoration: none;
  display: flex;
  align-items: baseline;
  gap: 12px;
}

html[data-chekku-page="login"] .auth-wordmark span {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .16em;
}

html[data-chekku-page="login"] .auth-story-copy h2 {
  font-size: 44px !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em;
  margin: 14px 0 18px;
  font-weight: 600;
}

html[data-chekku-page="login"] .auth-story-copy p {
  max-width: 300px;
  line-height: 1.7;
  opacity: .84;
  margin: 0;
}

html[data-chekku-page="login"] .auth-eyebrow {
  display: block;
  font-size: 11px;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-weight: 600;
}

html[data-chekku-page="login"] .auth-location-guide {
  display: flex;
  gap: 12px;
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.196078);
}

html[data-chekku-page="login"] .auth-location-guide>.ck-context-icon {
  color: var(--color-peach);
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  margin-top: 2px;
}

html[data-chekku-page="login"] .auth-location-guide strong {
  display: block;
  font-size: 14px;
}

html[data-chekku-page="login"] .auth-location-guide p {
  font-size: 12px !important;
  line-height: 1.7;
  opacity: .8;
  margin: 8px 0 0;
}

html[data-chekku-page="login"] .auth-palette {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  height: 5px;
}

html[data-chekku-page="login"] .auth-palette span {
  flex: 1;
  background: var(--color-peach);
}

html[data-chekku-page="login"] .auth-palette span:nth-child(2) {
  background: var(--color-coral);
}

html[data-chekku-page="login"] .auth-palette span:nth-child(3) {
  background: var(--ck-solid-mauve,var(--color-mauve));
}

html[data-chekku-page="login"] .auth-palette span:nth-child(4) {
  background: var(--ck-solid-purple,var(--color-purple));
}

html[data-chekku-page="login"] .auth-palette span:nth-child(5) {
  background: var(--color-peach);
}

html[data-chekku-page="login"] .auth-panel {
  padding: 56px 44px 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

html[data-chekku-page="login"] .auth-panel h1 {
  margin: 12px 0 10px;
  font-size: 28px !important;
  letter-spacing: -.02em;
}

html[data-chekku-page="login"] .auth-intro {
  margin-bottom: 32px;
}

html[data-chekku-page="login"] .auth-form {
  gap: 20px;
}

html[data-chekku-page="login"] .auth-field label {
  font-weight: 600;
  font-size: 13px;
}

html[data-chekku-page="login"] :is(body,#chekku-design) .auth-field input {
  height: 44px !important;
  min-height: 44px !important;
}

html[data-chekku-page="login"] .auth-password {
  position: relative;
}

html[data-chekku-page="login"] :is(body,#chekku-design) .auth-password input {
  padding-right: 64px !important;
}

html[data-chekku-page="login"] :is(body,#chekku-design) .auth-password button {
  position: absolute;
  right: 2px;
  top: 2px;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--color-blue) !important;
  font-size: 12px !important;
}

html[data-chekku-page="login"] :is(body,#chekku-design) .auth-submit {
  min-height: 44px !important;
  height: 44px !important;
  justify-content: center;
  gap: 10px;
}

html[data-chekku-page="login"] .auth-submit>.ck-context-icon {
  transform: rotate(180deg);
}

html[data-chekku-page="login"] .auth-form--busy .auth-submit>.ck-context-icon {
  display: none;
}

html[data-chekku-page="login"] .auth-spinner {
  display: none;
  width: 15px;
  height: 15px;
  border: 2px solid rgba(var(--ck-legacy-line-rgb,255,255,255),0.376471);
  border-top-color: var(--ck-legacy-line,white);
  border-radius: 50%;
  animation: ck-auth-spin .8s linear infinite;
}

html[data-chekku-page="login"] .auth-form--busy .auth-spinner {
  display: inline-block;
}

html[data-chekku-page="login"] .auth-status-line {
  min-height: 18px;
  margin: 0;
  font-size: 12px !important;
}

html[data-chekku-page="login"] .auth-help {
  display: flex;
  gap: 8px;
  font-size: 12px !important;
  line-height: 1.6;
  margin: 22px 0 0;
  padding-top: 20px;
  border-top: 1px solid var(--color-line);
}

html[data-chekku-page="login"] .auth-help svg {
  flex: 0 0 15px;
  margin-top: 2px;
}

html[data-chekku-page="login"] .auth-result {
  outline: 0;
  animation: ck-auth-enter .18s ease-out;
}

html[data-chekku-page="login"] .auth-result h2 {
  font-size: 26px !important;
  margin: 12px 0 24px;
}

html[data-chekku-page="login"] .auth-success-mark {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  background: var(--color-blue-soft);
  color: var(--color-blue);
  margin-bottom: 24px;
  border-radius: 4px;
}

html[data-chekku-page="login"] .auth-success-mark svg {
  width: 25px;
  height: 25px;
}

html[data-chekku-page="login"] .auth-destination {
  display: flex;
  gap: 12px;
  border: 1px solid var(--color-line);
  padding: 16px;
  align-items: flex-start;
}

html[data-chekku-page="login"] .auth-destination span {
  display: block;
  font-size: 12px;
  margin-top: 6px;
}

html[data-chekku-page="login"] .auth-refresh {
  margin-top: 14px;
  font-size: 12px;
}

html[data-chekku-page="login"] [hidden] {
  display: none !important;
}

@keyframes ck-auth-spin { to { transform:rotate(360deg); } }

@keyframes ck-auth-enter { from { opacity:0;transform:translateY(4px); } to { opacity:1;transform:none; } }

@media (max-width:720px) {
html[data-chekku-page="login"] body {
  padding: 20px 14px !important;
}

html[data-chekku-page="login"] .auth-page {
  max-width: 480px;
}

html[data-chekku-page="login"] .auth-layout {
  grid-template-columns: 1fr;
}

html[data-chekku-page="login"] .auth-story {
  gap: 22px;
  padding: 26px;
}

html[data-chekku-page="login"] .auth-story-copy h2 {
  font-size: 30px !important;
  margin: 10px 0;
}

html[data-chekku-page="login"] .auth-story-copy h2 br {
  display: none;
}

html[data-chekku-page="login"] .auth-story-copy p {
  display: none;
}

html[data-chekku-page="login"] .auth-location-guide {
  padding-top: 16px;
}

html[data-chekku-page="login"] .auth-location-guide p {
  margin-top: 4px;
}

html[data-chekku-page="login"] .auth-panel {
  padding: 28px 26px 24px;
}
}

/* PRE-GRADE PHOTO LIBRARY — all images remain behind authenticated media routes. */

html[data-chekku-page="pregrade-photos"] body {
  background: var(--color-canvas,#f3f1ef) !important;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-page {
  max-width: 1600px;
  margin: 20px auto;
  padding: 0 20px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-workspace {
  display: grid;
  grid-template-columns: 280px minmax(0,1fr);
  gap: 20px;
  margin-top: 20px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-workspace[aria-busy="true"] .ck-photo-content {
  opacity: .55;
  transition: opacity .15s;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-rail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

html[data-chekku-page="pregrade-photos"] :is(.ck-photo-rail>.ck-card,.ck-photo-intro,.ck-photo-group,.ck-photo-empty) {
  padding: 20px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-rail h2:not(.ck-context-heading) {
  font-size: 16px !important;
  line-height: 1.5;
  margin: 12px 0 4px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-rail p {
  font-size: 12px !important;
  margin: 8px 0 0;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 20px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-stats>div {
  padding: 12px;
  border: 1px solid var(--color-line);
  border-radius: 4px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-stats strong {
  display: block;
  font-size: 21px;
  font-weight: 600;
  color: var(--color-blue);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-stats span {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 4px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-periods {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}

html[data-chekku-page="pregrade-photos"] :is(body,#chekku-design) .ck-photo-periods .is-active {
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  color: white !important;
  border-color: var(--color-blue) !important;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-filters {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

html[data-chekku-page="pregrade-photos"] :is(.ck-photo-filters,.ck-photo-classify form) label {
  display: grid;
  gap: 6px;
  font-size: 12px;
}

html[data-chekku-page="pregrade-photos"] :is(.ck-photo-filters,.ck-photo-classify form) :is(input,select) {
  width: 100%;
  max-width: 100%;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-content {
  min-width: 0;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-intro {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-intro h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 7px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-intro p {
  margin: 0;
  font-size: 13px !important;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-intro>span {
  font-size: 12px;
  white-space: nowrap;
}

html[data-chekku-page="pregrade-photos"] :is(.ck-photo-explainer,.ck-photo-unavailable) {
  font-size: 12px !important;
  line-height: 1.6;
  margin: 14px 0;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-unavailable {
  padding: 12px;
  border-left: 2px solid var(--color-purple);
  background: var(--ck-legacy-blue-soft,#eeebf0);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-group {
  margin: 16px 0;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-group-head {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-line);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-group-head span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--color-purple);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-group-head h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-grade {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 20px 0 12px;
  font-size: 14px !important;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-grade small {
  font-size: 12px;
  font-weight: 400;
  margin-left: auto;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-card {
  border: 1px solid var(--color-line);
  border-radius: 4px;
  overflow: hidden;
  min-width: 0;
}

html[data-chekku-page="pregrade-photos"] :is(body,#chekku-design) .ck-photo-open {
  display: block;
  position: relative;
  background: var(--ck-legacy-blue-soft,#eef1f4) !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  text-align: left;
  overflow: hidden;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-open img {
  display: block;
  aspect-ratio: 4/3;
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform .18s ease;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-open:hover img {
  transform: scale(1.025);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-open>span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: var(--ck-solid-blue,var(--color-blue));
  color: white;
  font-size: 11px;
  font-weight: 500;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-card-copy {
  padding: 12px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-label {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-label::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background: #9ba3af;
  flex: 0 0 9px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-label[data-photo-grade="class2"]::before {
  background: var(--grade-class2);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-label[data-photo-grade="waste"]::before {
  background: var(--grade-waste);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-label[data-photo-grade="composite"]::before {
  background: var(--grade-composite);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-label[data-photo-grade="packable"]::before {
  background: var(--grade-packable);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-caption {
  font-size: 13px !important;
  overflow-wrap: anywhere;
  margin: 10px 0;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-date {
  font-size: 11px !important;
  line-height: 1.6;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-card details {
  margin-top: 12px;
  font-size: 12px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-card summary {
  cursor: pointer;
  line-height: 1.7;
  color: var(--color-blue);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-card details p {
  font-size: 12px !important;
  line-height: 1.6;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-classify {
  padding-top: 10px;
  border-top: 1px solid var(--color-line);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-classify form {
  display: grid;
  gap: 10px;
  padding-top: 10px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-empty {
  text-align: center;
  padding: 64px 20px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-empty>svg {
  width: 32px;
  height: 32px;
  color: var(--color-purple);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-empty h2 {
  margin: 18px 0 8px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin: 24px 0;
  font-size: 12px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-live-status {
  position: fixed;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 16px;
  margin: 0;
  background: var(--ck-solid-blue,var(--color-blue));
  color: white;
  z-index: 20;
  font-size: 12px;
  max-width: 90vw;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-live-status:empty {
  display: none;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-viewer {
  border: 1px solid var(--color-line);
  border-radius: 4px;
  padding: 0;
  width: min(1100px,calc(100vw - 32px));
  max-height: calc(100svh - 32px);
  background: var(--ck-legacy-surface,white);
  color: var(--color-blue);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-viewer[open] {
  display: grid;
  grid-template-columns: minmax(0,1.7fr) minmax(240px,1fr);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-viewer::backdrop {
  background: #172c45b8;
  backdrop-filter: blur(5px);
}

html[data-chekku-page="pregrade-photos"] .ck-photo-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-viewer-image {
  min-height: 380px;
  background: #162a3d;
  display: grid;
  place-items: center;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-viewer-image img {
  width: 100%;
  max-height: calc(100svh - 100px);
  object-fit: contain;
  display: block;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-viewer-image p {
  color: white !important;
  padding: 24px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-viewer-copy {
  padding: 70px 24px 24px;
  overflow-wrap: anywhere;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-viewer-copy p {
  font-size: 13px !important;
  line-height: 1.7;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-view-controls {
  display: flex;
  gap: 10px;
  margin-top: 24px;
}

html[data-chekku-page="pregrade-photos"] [hidden] {
  display: none !important;
}

@media (max-width:1200px) {
html[data-chekku-page="pregrade-photos"] .ck-photo-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}

@media (max-width:900px) {
html[data-chekku-page="pregrade-photos"] .ck-photo-workspace {
  grid-template-columns: 1fr;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-filters {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

html[data-chekku-page="pregrade-photos"] .ck-photo-page {
  margin: 12px auto;
  padding: 0 12px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-viewer[open] {
  grid-template-columns: 1fr;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-viewer-image {
  min-height: 180px;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-viewer-image img {
  max-height: 55svh;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-viewer-copy {
  padding: 20px;
}
}

@media (max-width:480px) {
html[data-chekku-page="pregrade-photos"] .ck-photo-grid {
  grid-template-columns: 1fr;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-intro {
  align-items: flex-start;
  flex-direction: column;
}

html[data-chekku-page="pregrade-photos"] :is(.ck-photo-group,.ck-photo-intro,.ck-photo-rail>.ck-card) {
  padding: 16px;
}
}

@media (prefers-reduced-motion:reduce) {
html[data-chekku-page="login"] :is(.auth-spinner,.auth-result) {
  animation: none;
}

html[data-chekku-page="pregrade-photos"] .ck-photo-open img {
  transition: none;
}
}

/* Login display type outranks the shared section-title contract. */

html[data-chekku-page="login"] :is(body,#chekku-design) .auth-story .auth-story-copy h2 {
  font-size: 44px !important;
  line-height: 1.12 !important;
  font-weight: 600 !important;
}

html[data-chekku-page="login"] :is(body,#chekku-design) .auth-story .auth-location-guide>.ck-context-icon {
  display: block !important;
  width: 21px !important;
  height: 21px !important;
  color: var(--color-peach) !important;
}

@media (max-width:720px) {
html[data-chekku-page="login"] :is(body,#chekku-design) .auth-story .auth-story-copy h2 {
  font-size: 30px !important;
  line-height: 1.15 !important;
}
}

/* SUPER ADMIN LOCATION DELETION — reviewed scope and real cleanup progress. */

html[data-chekku-page="config-locations"] :is(body,#chekku-design) .ck-location-row {
  align-items: flex-start;
  gap: 20px;
}

html[data-chekku-page="config-locations"] .ck-location-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

html[data-chekku-page="config-locations"] .ck-location-actions>p {
  font-size: 12px;
  max-width: 300px;
  margin: 0;
  text-align: right;
}

html[data-chekku-page="config-locations"] .ck-location-actions>a {
  align-self: flex-end;
}

html[data-chekku-page="config-location-delete"] .ck-delete-layout {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
  gap: 20px;
}

html[data-chekku-page="config-location-delete"] :is(.ck-delete-review,.ck-delete-controls,.ck-delete-complete) {
  padding: 24px;
  min-width: 0;
}

html[data-chekku-page="config-location-delete"] :is(.ck-delete-review,.ck-delete-controls) h2 {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 0 12px;
}

html[data-chekku-page="config-location-delete"] :is(.ck-delete-review,.ck-delete-controls) p {
  line-height: 1.7;
  font-size: 13px;
}

html[data-chekku-page="config-location-delete"] .ck-delete-facts {
  display: grid;
  gap: 0;
  margin: 24px 0;
}

html[data-chekku-page="config-location-delete"] .ck-delete-facts>div {
  padding: 14px 0;
  border-bottom: 1px solid var(--color-line);
}

html[data-chekku-page="config-location-delete"] .ck-delete-facts dt {
  font-size: 11px;
  color: var(--color-purple);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 8px;
}

html[data-chekku-page="config-location-delete"] .ck-delete-facts dd {
  margin: 0;
  font-size: 14px;
}

html[data-chekku-page="config-location-delete"] .ck-delete-facts small {
  display: block;
  margin-top: 7px;
  font-size: 12px;
}

html[data-chekku-page="config-location-delete"] :is(.ck-delete-facts,.ck-delete-paths) code {
  background: transparent;
  padding: 0;
  font: 13px var(--font-ui);
  overflow-wrap: anywhere;
}

html[data-chekku-page="config-location-delete"] .ck-delete-paths {
  display: grid;
  gap: 16px;
  padding: 0;
  list-style: none;
  margin: 18px 0 24px;
}

html[data-chekku-page="config-location-delete"] .ck-delete-paths strong {
  display: block;
  font-size: 12px;
  margin-bottom: 6px;
}

html[data-chekku-page="config-location-delete"] .ck-delete-paths code {
  display: block;
  line-height: 1.6;
}

html[data-chekku-page="config-location-delete"] .ck-delete-form {
  display: grid;
  gap: 18px;
  margin-top: 24px;
}

html[data-chekku-page="config-location-delete"] .ck-delete-form label {
  display: grid;
  gap: 8px;
  font-size: 13px;
}

html[data-chekku-page="config-location-delete"] .ck-delete-form input {
  width: 100%;
}

html[data-chekku-page="config-location-delete"] .ck-delete-form code {
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-chekku-page="config-location-delete"] .ck-delete-form .ck-site-help {
  margin: 0;
}

html[data-chekku-page="config-location-delete"] .ck-delete-progress {
  padding: 20px;
  border: 1px solid var(--color-line);
  background: var(--color-blue-soft);
  margin: 24px 0 16px;
}

html[data-chekku-page="config-location-delete"] .ck-delete-progress h3 {
  margin: 16px 0 8px;
}

html[data-chekku-page="config-location-delete"] .ck-delete-progress p {
  margin: 6px 0;
}

html[data-chekku-page="config-location-delete"] .ck-delete-spinner {
  display: block;
  width: 22px;
  height: 22px;
  border: 2px solid var(--color-line);
  border-top-color: var(--color-blue);
  border-radius: 50%;
  animation: ck-location-delete-spin .8s linear infinite;
}

html[data-chekku-page="config-location-delete"] :is(.is-complete,.is-paused) .ck-delete-spinner {
  animation: none;
}

html[data-chekku-page="config-location-delete"] .ck-delete-progress [role="alert"] {
  color: var(--color-danger);
  margin-top: 14px;
}

html[data-chekku-page="config-location-delete"] .ck-delete-complete {
  max-width: 720px;
  margin: auto;
  text-align: center;
}

html[data-chekku-page="config-location-delete"] .ck-delete-complete-mark {
  color: var(--color-blue);
  margin: 0 auto 16px;
}

html[data-chekku-page="config-location-delete"] .ck-delete-complete-mark svg {
  width: 36px;
  height: 36px;
}

html[data-chekku-page="config-location-delete"] [hidden] {
  display: none !important;
}

@keyframes ck-location-delete-spin { to { transform:rotate(360deg); } }

@media (max-width:900px) {
html[data-chekku-page="config-location-delete"] .ck-delete-layout {
  grid-template-columns: 1fr;
}

html[data-chekku-page="config-locations"] .ck-location-actions {
  align-items: stretch;
  width: 100%;
}

html[data-chekku-page="config-locations"] .ck-location-actions>p {
  max-width: none;
  text-align: left;
}
}

@media (max-width:600px) {
html[data-chekku-page="config-location-delete"] :is(.ck-delete-review,.ck-delete-controls,.ck-delete-complete) {
  padding: 16px;
}
}

@media (prefers-reduced-motion:reduce) {
html[data-chekku-page="config-location-delete"] .ck-delete-spinner {
  animation: none;
}
}

/* Shared reporting refinements: vertical palette, thin data bars, filters and wellbeing. */

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-progress-overlay.is-export {
  inset: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 20px;
  box-sizing: border-box;
  background: rgba(39,58,77,.24);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  pointer-events: auto;
}

html[data-chekku-page] .ck-progress-overlay.is-export .ck-progress-card {
  width: min(420px,100%);
  box-sizing: border-box;
}

html[data-chekku-page] body:has(.ck-progress-overlay.is-export:not([hidden])) {
  overflow: hidden;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-quick-periods {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  margin-top: 12px;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel {
  --ck-filter-gap: 16px;
  font-family: var(--font-ui);
  color: var(--color-ink);
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel.filters-drawer {
  width: min(560px,100vw) !important;
  max-width: 100vw !important;
  border-radius: 0 !important;
  background: var(--color-surface) !important;
  box-sizing: border-box;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel > header,
html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel > form > header {
  padding: 20px !important;
  background: var(--color-surface) !important;
  border-bottom: 1px solid var(--color-line);
  gap: 16px;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel :is(#filtersTitle,.filters-head-copy h3) {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  font: 600 18px/1.4 var(--font-ui) !important;
  color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel :is(.subtitle,.filters-head-copy p,.filter-help) {
  font: 400 12px/1.5 var(--font-ui) !important;
  color: var(--color-muted) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel :is(.drawer-body,.filters-body) {
  padding: 20px !important;
  gap: 16px;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel :is(.filters-grid,.ck-filter-fields) {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px !important;
  align-items: start;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .ck-filter-field {
  min-width: 0;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel label {
  font: 600 12px/1.5 var(--font-ui);
  color: var(--color-ink);
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select) {
  width: 100%;
  box-sizing: border-box;
  min-height: 38px;
  font: 400 14px/1.4 var(--font-ui) !important;
  border-radius: 4px !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .input-icon {
  display: none !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .input-wrap :is(input,select) {
  padding-left: 12px !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .ck-filter-quick-periods {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 8px !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel :is(.ck-filter-preset,.ck-filter-periods button) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 38px;
  padding: 8px 10px !important;
  border: 1px solid var(--color-line) !important;
  border-radius: 4px !important;
  background: var(--color-surface) !important;
  color: var(--color-blue) !important;
  font: 600 14px/1.3 var(--font-ui) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel :is(.ck-filter-preset,.ck-filter-periods button):is(.active,.is-active,[aria-pressed="true"]) {
  background: var(--ck-solid-blue,var(--color-blue)) !important;
  color: white !important;
  border-color: var(--color-blue) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel :is(.drawer-footer,.filters-actions) {
  padding: 16px 20px !important;
  background: var(--color-surface) !important;
  border-top: 1px solid var(--color-line);
  gap: 8px;
}

html[data-chekku-page] .ck-filter-inline {
  display: grid;
  gap: 20px;
  margin: 20px 0;
  padding: 20px;
  background: var(--color-surface-soft);
  border: 1px solid var(--color-line);
  border-radius: 4px;
}

html[data-chekku-page] .ck-filter-fields label {
  display: grid;
  gap: 6px;
}

html[data-chekku-page] .ck-filter-fields > button {
  align-self: end;
}

html[data-chekku-page][data-chekku-page][data-chekku-page] :is(.composition-bar,.mix-bar,.progress-track,.bar-track,.defect-track-h,.defect-bar-h,.ck-ranking-track,.ck-ranking-fill) {
  height: 6px !important;
  min-height: 0 !important;
  border-radius: 2px !important;
}

html[data-chekku-page] .ck-ranking-list {
  display: grid;
  gap: 18px;
  margin: 16px 0;
}

html[data-chekku-page] .ck-ranking-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px 16px;
  align-items: center;
}

html[data-chekku-page] .ck-ranking-name {
  font-weight: 600;
  overflow-wrap: anywhere;
}

html[data-chekku-page] .ck-ranking-metrics {
  font-size: 12px;
  color: var(--color-muted);
  text-align: right;
}

html[data-chekku-page] .ck-ranking-metrics strong {
  color: var(--grade-packable);
  font-size: 14px;
}

html[data-chekku-page] .ck-ranking-track {
  grid-column: 1/-1;
  background: var(--color-line);
  overflow: hidden;
}

html[data-chekku-page] .ck-ranking-fill {
  display: block;
  background: var(--grade-packable);
}

html[data-chekku-page] .ck-wellbeing-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin: 20px 0;
}

html[data-chekku-page] .ck-wellbeing-toolbar label {
  display: grid;
  gap: 6px;
  font-size: 12px;
  min-width: min(280px,100%);
}

html[data-chekku-page] .ck-wellbeing-users {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}

html[data-chekku-page] .ck-wellbeing-person {
  padding: 20px;
  border: 1px solid var(--color-line);
  border-radius: 4px;
  background: var(--color-surface);
  min-width: 0;
}

html[data-chekku-page] .ck-wellbeing-person[hidden] {
  display: none !important;
}

html[data-chekku-page] .ck-wellbeing-person-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
}

html[data-chekku-page] .ck-wellbeing-person-head h3 {
  margin: 0 !important;
  overflow-wrap: anywhere;
}

html[data-chekku-page] .ck-wellbeing-person :is(p,small) {
  font-size: 12px;
  color: var(--color-muted);
  margin: 6px 0 0;
}

html[data-chekku-page] .ck-wellbeing-dominant {
  font-size: 14px;
  text-align: right;
  white-space: nowrap;
}

html[data-chekku-page] .ck-wellbeing-dominant small {
  display: block;
}

html[data-chekku-page] .ck-wellbeing-mix {
  display: flex;
  height: 6px;
  overflow: hidden;
  border-radius: 2px;
  background: var(--color-line);
  margin: 18px 0 12px;
}

html[data-chekku-page] .ck-mood--happy {
  background: #3b916c;
}

html[data-chekku-page] .ck-mood--okay {
  background: #c29c3b;
}

html[data-chekku-page] .ck-mood--sad {
  background: #ad6884;
}

html[data-chekku-page] .ck-mood--tired {
  background: #618f9c;
}

html[data-chekku-page] .ck-mood--sleepy {
  background: #7a78a6;
}

html[data-chekku-page] .ck-mood--scared {
  background: #c17474;
}

html[data-chekku-page] .ck-mood--sick {
  background: #b7884c;
}

html[data-chekku-page] .ck-mood--cold {
  background: #5486b1;
}

html[data-chekku-page] .ck-wellbeing-person details {
  margin-top: 16px;
  border-top: 1px solid var(--color-line);
  padding-top: 12px;
}

html[data-chekku-page] .ck-wellbeing-person summary {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-blue);
}

html[data-chekku-page] .ck-wellbeing-breakdown {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px 20px;
  margin: 16px 0 0;
}

html[data-chekku-page] .ck-wellbeing-breakdown > div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
}

html[data-chekku-page] .ck-wellbeing-breakdown :is(dt,dd) {
  margin: 0;
}

html[data-chekku-page] .ck-wellbeing-breakdown dd {
  display: flex;
  gap: 8px;
}

html[data-chekku-page] .ck-wellbeing-breakdown dd span {
  color: var(--color-muted);
  min-width: 40px;
  text-align: right;
}

@media (max-width:700px) {
html[data-chekku-page] .ck-wellbeing-users {
  grid-template-columns: 1fr;
}

html[data-chekku-page] .ck-wellbeing-person-head {
  flex-wrap: wrap;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel :is(.filters-grid,.ck-filter-fields) {
  grid-template-columns: 1fr;
}

html[data-chekku-page] .ck-wellbeing-toolbar label {
  width: 100%;
}
}

html[data-chekku-page] .ck-shared-date-presets {
  grid-column: 1/-1;
  display: grid;
  gap: 8px;
  margin-bottom: 8px;
}

html[data-chekku-page] form.ck-filter-panel {
  gap: 16px;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .filters-grid > .quick-chip-section {
  grid-column: 1/-1;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .filters-grid > .quick-chip-section:has(.calendar-two-col) {
  order: -10;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .filters-grid > .quick-chip-section:has(.pdf-toggle-option) {
  order: 10;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .variety-help {
  color: var(--color-muted) !important;
  font: 400 12px/1.5 var(--font-ui) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel #closeFilters {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  flex: 0 0 38px;
}

html[data-chekku-page] body:has(.filters-drawer:is(.open,.show)) .nav-toggle {
  visibility: hidden;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .pdf-toggle-option {
  display: flex !important;
  align-items: flex-start;
  gap: 12px;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .pdf-toggle-switch {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  flex: 0 0 18px;
  border-radius: 3px !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .pdf-toggle-switch::after {
  font-size: 12px !important;
  line-height: 16px !important;
}

html[data-chekku-page] .ck-grade-composition-track {
  display: flex;
  height: 6px;
  overflow: hidden;
  border-radius: 2px;
  background: var(--color-line);
  margin: 16px 0;
}

html[data-chekku-page] .ck-grade-composition-track [data-grade="composite"],html[data-chekku-page] .ck-grade-key[data-grade="composite"]::before {
  background: var(--grade-composite);
}

html[data-chekku-page] .ck-grade-composition-track [data-grade="class2"],html[data-chekku-page] .ck-grade-key[data-grade="class2"]::before {
  background: var(--grade-class2);
}

html[data-chekku-page] .ck-grade-composition-track [data-grade="waste"],html[data-chekku-page] .ck-grade-key[data-grade="waste"]::before {
  background: var(--grade-waste);
}

html[data-chekku-page] .ck-grade-composition-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  font-size: 12px;
}

html[data-chekku-page] .ck-grade-key {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

html[data-chekku-page] .ck-grade-key::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 1px;
  flex: 0 0 9px;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design):has(.filters-drawer:is(.open,.show)) .nav-toggle {
  visibility: hidden !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .pdf-toggle-option input[type="checkbox"] {
  display: block !important;
  position: static !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  opacity: 1 !important;
  appearance: auto !important;
  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
  pointer-events: auto !important;
  margin: 2px 0 0 !important;
  flex: 0 0 16px;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .pdf-toggle-switch {
  display: none !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .pdf-toggle-copy strong {
  font: 600 14px/1.5 var(--font-ui) !important;
}

html[data-chekku-page][data-chekku-page][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-filter-panel .pdf-toggle-copy small {
  font: 400 12px/1.5 var(--font-ui) !important;
  color: var(--color-muted) !important;
}

/* Selected-window reporting and per-farm shift handover. Shared by all locations. */
html[data-chekku-page] .ck-report-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
  gap: 12px;
}
html[data-chekku-page] .ck-report-metric {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--color-border, #d8e0eb);
  border-radius: var(--radius-card, 3px);
  background: var(--color-surface, #fff);
}
html[data-chekku-page] .ck-report-metric > span { font-size: .75rem; }
html[data-chekku-page] .ck-report-metric > strong { font-size: 1.65rem; font-weight: 600; line-height: 1.2; }
html[data-chekku-page] .ck-report-metric > small { color: var(--color-muted, #617089); }
html[data-chekku-page] .ck-report-photo-actions,
html[data-chekku-page] .ck-photo-breadcrumb,
html[data-chekku-page] .ck-photo-pagination { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
html[data-chekku-page] .ck-report-photo-search { display: grid; gap: 6px; margin: 16px 0; max-width: 520px; }
html[data-chekku-page] .ck-report-photo-search[hidden],
html[data-chekku-page] #photoBrowserV78[hidden] { display: none; }
html[data-chekku-page] .ck-photo-group-grid,
html[data-chekku-page] .ck-report-photo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 12px; }
html[data-chekku-page] :is(body,#chekku-design) button.ck-photo-group { display: grid; gap: 8px; width: 100%; height: auto; min-height: 88px; padding: 16px; text-align: left; white-space: normal; background: var(--color-surface, #fff) !important; color: var(--color-blue, #355c7d) !important; border: 1px solid var(--color-border, #d8e0eb) !important; cursor: pointer; }
html[data-chekku-page] :is(body,#chekku-design) button.ck-photo-group:hover { background: var(--color-surface-soft, #edf2f7) !important; }
html[data-chekku-page] .ck-report-photo-card { display: grid; align-content: start; gap: 8px; padding: 12px; border: 1px solid var(--color-border, #d8e0eb); border-radius: var(--radius-card, 3px); cursor: pointer; min-width: 0; overflow-wrap: anywhere; }
html[data-chekku-page] .ck-report-photo-card:has(input:checked) { border-color: var(--color-blue, #355c7d); background: var(--ck-legacy-blue-soft,#edf2f7); }
html[data-chekku-page] .ck-report-photo-card img { width: 100%; height: 160px; object-fit: contain; background: var(--ck-legacy-surface,#f4f5f6); }
html[data-chekku-page] .ck-report-photo-card small { color: var(--color-muted, #617089); }
html[data-chekku-page] .ck-farm-handover { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 14px; margin: 14px 0; }
html[data-chekku-page] .ck-farm-handover-card { display: grid; align-content: start; gap: 12px; padding: 16px; min-width: 0; border: 1px solid var(--color-border, #d8e0eb); border-radius: var(--radius-card, 3px); background: var(--color-surface, #fff); }
html[data-chekku-page] .ck-farm-handover-card > :is(h4,h5) { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin: 0; }
html[data-chekku-page] .ck-farm-handover-card > label { display: grid; gap: 6px; }
html[data-chekku-page] .ck-farm-handover-card textarea { width: 100%; min-height: 96px; resize: vertical; box-sizing: border-box; }
html[data-chekku-page] .ck-farm-report-summary { grid-column: 1 / -1; min-width: 0; }
html[data-chekku-page] .ck-shift-farm-summary { padding: 14px 0; border-bottom: 1px solid var(--color-border, #d8e0eb); }
html[data-chekku-page] .ck-farm-complete { display: flex; align-items: center; gap: 8px; margin: 12px 0; }
html[data-chekku-page] #ck-farm-allocation-status { font-variant-numeric: tabular-nums; }
html[data-chekku-page] [name="hour_from[]"][readonly],
html[data-chekku-page] [name="hour_to[]"][readonly] { background: var(--ck-legacy-surface,#f4f5f6); cursor: default; }
@media (max-width: 600px) {
  html[data-chekku-page] .ck-report-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-chekku-page] .ck-farm-handover { grid-template-columns: minmax(0, 1fr); }
}

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-shift-production-farms .select2-selection__choice__remove { position: static; display: inline-flex; align-items: center; justify-content: center; width: 20px !important; min-width: 20px !important; height: 22px !important; min-height: 0 !important; padding: 0 !important; margin: 0 4px 0 0 !important; background: transparent !important; color: var(--color-blue, #355c7d) !important; border: 0 !important; box-shadow: none !important; line-height: 1 !important; }
html[data-chekku-page] .ck-shift-production-farms .select2-selection__choice { display: inline-flex; align-items: center; padding: 3px 8px 3px 3px !important; }

/* Shift report controls: compact completion checkbox, readable calendar, discreet snapshot trigger. */
html[data-chekku-page="shift-control-report-index"][data-chekku-page] :is(body,#chekku-design) .ck-farm-complete {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 100%;
  margin: 12px 0 !important;
  text-align: left;
  cursor: pointer;
}
html[data-chekku-page="shift-control-report-index"][data-chekku-page] :is(body,#chekku-design) .ck-farm-complete > input[type="checkbox"] {
  flex: 0 0 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: var(--color-blue);
}
html[data-chekku-page="shift-control-report-index"][data-chekku-page] :is(body,#chekku-design) .ck-farm-complete > span {
  flex: 0 1 auto;
  line-height: 1.5;
}
html[data-chekku-page="shift-control-report-index"][data-chekku-page] :is(body,#chekku-design) #calendarReportButton > .ck-context-icon {
  display: block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  color: inherit !important;
  stroke: currentColor;
}
html[data-chekku-page="shift-control-report-index"][data-chekku-page] :is(body,#chekku-design) #weeklyUnlockTitle {
  all: unset !important;
  display: inline !important;
  font: inherit !important;
  color: inherit !important;
  letter-spacing: inherit !important;
  cursor: pointer !important;
}
html[data-chekku-page="shift-control-report-index"][data-chekku-page] :is(body,#chekku-design) #weeklyUnlockTitle:focus-visible {
  outline: 2px solid var(--color-blue) !important;
  outline-offset: 4px !important;
}

/* Account customization and birthday dialogs share the application palette. */
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) button.ck-profile-name {
  all: unset !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; vertical-align: middle !important; font: inherit !important; color: inherit !important; letter-spacing: inherit !important; cursor: pointer !important;
}
html[data-chekku-page] .ck-profile-name img { width: 42px !important; height: 42px !important; border-radius: 50%; object-fit: contain; background: var(--color-blue-soft,#edf2f7); }
html[data-chekku-page] .ck-profile-name--compact img { width: 24px !important; height: 24px !important; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) button.ck-profile-name:focus-visible { outline: 2px solid var(--color-blue) !important; outline-offset: 4px !important; }
html[data-chekku-page] .ck-account-dialog { border: 1px solid var(--color-border,#d8e0eb); border-radius: var(--radius-card,3px); padding: 0; color: var(--color-ink); background: var(--color-surface); width: min(760px,calc(100vw - 32px)); max-height: calc(100dvh - 40px); box-sizing: border-box; overflow: auto; }
html[data-chekku-page] .ck-account-dialog:not([open]) { display: none !important; }
html[data-chekku-page] .ck-account-dialog::backdrop { background: rgba(25,38,53,.48); backdrop-filter: blur(8px); }
html[data-chekku-page] .ck-account-shell { padding: 28px; position: relative; }
html[data-chekku-page] .ck-account-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
html[data-chekku-page] .ck-account-heading h2 { margin: 4px 0; }
html[data-chekku-page] .ck-account-eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: 11px; margin: 0; }
html[data-chekku-page] .ck-account-close { flex: 0 0 auto; }
html[data-chekku-page] .ck-account-form { display: grid; gap: 14px; padding: 20px 0; margin: 0; border-top: 1px solid var(--color-border,#d8e0eb); }
html[data-chekku-page] .ck-account-form h3 { margin: 0; }
html[data-chekku-page] .ck-account-form label { display: grid; align-content: start; gap: 7px; min-width: 0; }
html[data-chekku-page] .ck-account-form small { color: var(--color-muted); font-weight: 400; }
html[data-chekku-page] .ck-account-field-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
html[data-chekku-page] .ck-account-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
html[data-chekku-page] .ck-account-message { color: var(--color-blue); margin: 12px 0; overflow-wrap: anywhere; }
html[data-chekku-page] .ck-account-message:empty { display: none; }
html[data-chekku-page] .ck-avatar-fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
html[data-chekku-page] .ck-avatar-fieldset legend { margin-bottom: 10px; font-size: 14px; }
html[data-chekku-page] .ck-avatar-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) label.ck-avatar-option { position: relative; display: grid; justify-items: center; gap: 4px; min-width: 0; padding: 8px 5px; border: 1px solid var(--color-border,#d8e0eb); border-radius: var(--radius-card,3px); cursor: pointer; text-align: center; background: var(--color-surface); }
html[data-chekku-page] .ck-avatar-option:has(input:checked) { border-color: var(--color-blue) !important; background: var(--color-blue-soft,#edf2f7) !important; }
html[data-chekku-page] .ck-avatar-option:focus-within { outline: 2px solid var(--color-blue); outline-offset: 2px; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-avatar-option input { position: absolute; width: 1px !important; height: 1px !important; min-width: 0 !important; opacity: 0; margin: 0 !important; padding: 0 !important; }
html[data-chekku-page] .ck-avatar-option img { display: block; width: 56px !important; max-width: 100%; height: 60px !important; object-fit: contain; }
html[data-chekku-page] .ck-avatar-option span { font-size: 12px; }
html[data-chekku-page] .ck-birthdate-dialog { width: min(460px,calc(100vw - 32px)); }
html[data-chekku-page] .ck-birthday-dialog { width: min(560px,calc(100vw - 32px)); text-align: center; overflow: hidden; }
html[data-chekku-page] .ck-birthday-dialog .ck-account-close { position: absolute; right: 14px; top: 14px; }
html[data-chekku-page] .ck-birthday-dialog h2 { margin-top: 20px; }
html[data-chekku-page] .ck-birthday-scene { position: relative; width: 240px; margin: 54px auto 24px; padding-top: 48px; }
html[data-chekku-page] .ck-birthday-cake { position: relative; width: 220px; height: 106px; margin: auto; background: linear-gradient(to bottom,var(--ck-legacy-warning-soft,#f8b195) 0 42%,#e2a483 42% 49%,var(--ck-legacy-warning-soft,#f8b195) 49% 75%,#e2a483 75% 82%,var(--ck-legacy-warning-soft,#f8b195) 82%); border-radius: 10px 10px 3px 3px; }
html[data-chekku-page] .ck-birthday-cake > span { position: absolute; inset: 0 0 auto; height: 26px; background: #f67280; border-radius: 10px 10px 8px 8px; }
html[data-chekku-page] .ck-cake-plate { height: 8px; background: #355c7d; border-radius: 4px; }
html[data-chekku-page] .ck-candles { position: absolute; z-index: 1; top: 4px; left: 0; right: 0; display: flex; justify-content: center; gap: 38px; }
html[data-chekku-page] .ck-candle { position: relative; width: 12px; height: 46px; background: repeating-linear-gradient(35deg,var(--ck-legacy-surface,#fff) 0 6px,#6c5b7b 6px 12px); border-radius: 2px; }
html[data-chekku-page] .ck-candle i { position: absolute; width: 12px; height: 22px; top: -25px; left: 0; border-radius: 60% 40% 60% 40%; background: #ffc65e; box-shadow: 0 0 16px #ffc65e99; transform-origin: bottom; animation: ck-candle-flicker .8s ease-in-out infinite alternate; }
html[data-chekku-page] .ck-candles-out .ck-candle i { opacity: 0; animation: none; transition: opacity .25s; }
html[data-chekku-page] .ck-birthday-confetti { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
html[data-chekku-page] .ck-birthday-confetti i { position: absolute; left: var(--ck-x); top: -16px; width: 8px; height: 14px; background: var(--ck-color); animation: ck-birthday-fall 2.6s var(--ck-delay) ease-in forwards; }
@keyframes ck-candle-flicker { to { transform: scale(.85,1.12) rotate(7deg); } }
@keyframes ck-birthday-fall { to { transform: translateY(650px) rotate(var(--ck-spin)); opacity: .1; } }
@media(max-width:560px) { html[data-chekku-page] .ck-account-shell { padding: 22px 18px; } html[data-chekku-page] .ck-avatar-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } html[data-chekku-page] .ck-account-field-pair { grid-template-columns: minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { html[data-chekku-page] .ck-candle i, html[data-chekku-page] .ck-birthday-confetti i { animation: none !important; } }

/* Export Lab uses the shared cards, control styles and quick-period grid. */
html[data-chekku-page] .ck-export-lab-layout { display: grid; grid-template-columns: 320px minmax(0,1fr); gap: 20px; align-items: start; }
html[data-chekku-page] .ck-lab-card { padding: 20px; min-width: 0; }
html[data-chekku-page] .ck-lab-total { display: block; font-size: 28px; line-height: 1.2; margin-top: 12px; }
html[data-chekku-page] .ck-lab-tools { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
html[data-chekku-page] .ck-lab-unavailable { opacity: .65; }
html[data-chekku-page] .ck-lab-form { display: grid; gap: 16px; margin: 18px 0; }
html[data-chekku-page] .ck-lab-form label { display: grid; gap: 7px; min-width: 0; }
html[data-chekku-page] .ck-lab-error { color: var(--color-danger,#a33f50); }
@media(max-width:1100px) { html[data-chekku-page] .ck-export-lab-layout { grid-template-columns: minmax(0,1fr); } }
@media(max-width:700px) { html[data-chekku-page] .ck-lab-tools { grid-template-columns: minmax(0,1fr); } }

/* Photo groups are browse cards rather than fixed-height actions. */
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) button.ck-photo-group {
  display: grid !important;
  grid-template-columns: minmax(0,1fr);
  align-content: center;
  justify-items: start;
  gap: 6px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: auto !important;
  min-height: 92px !important;
  max-height: none;
  padding: 16px !important;
  text-align: left;
  white-space: normal;
  line-height: 1.4;
  border-color: var(--color-line) !important;
  border-radius: var(--radius-card);
}
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) button.ck-photo-group > :is(strong,small) {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
  line-height: 1.4;
}
html[data-chekku-page] button.ck-photo-group > strong { font-size: 14px; font-weight: 600; }
html[data-chekku-page] button.ck-photo-group > small { font-size: 12px; font-weight: 400; color: var(--color-muted); }
html[data-chekku-page] .ck-report-photo-panel #selectedPhotoCount { flex: 0 0 auto; padding: 6px 10px; font-size: 12px; line-height: 1.4; }
html[data-chekku-page] .ck-report-photo-panel :is(.ck-photo-group-grid,.ck-report-photo-grid) { margin-top: 12px; align-items: stretch; }
html[data-chekku-page="executive-performance-index"] .ck-defect-filter-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
html[data-chekku-page="executive-performance-index"] .ck-defect-filter-head h3 { margin: 0; }
html[data-chekku-page="executive-performance-index"] .ck-chart-variety-filter { display: grid; gap: 6px; min-width: 160px; max-width: 100%; margin: 0; }
html[data-chekku-page="executive-performance-index"] .ck-chart-variety-filter select { width: 100%; min-width: 0; }
html[data-chekku-page="executive-performance-index"] .ck-executive-defect-group .defect-subhead { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; justify-content: space-between; }
html[data-chekku-page="executive-performance-index"] .ck-executive-defect-group .defect-subhead p { margin: 0; }
html[data-chekku-page="executive-performance-index"] .ck-executive-defect-group[hidden] { display: none !important; }
@media(max-width:680px) {
  html[data-chekku-page="executive-performance-index"] .ck-chart-variety-filter { width: 100%; }
}

/* Reversible portal studio view: remove its data attribute to restore the classic cards. */
.ck-portal-app-index { display: none; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-shell[data-ck-portal-design="studio"] { padding: 30px; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-portal-app-grid {
 display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 18px !important;
}
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-launch-card {
 --studio-accent: var(--color-mauve,#c06c84);
 display: grid !important; grid-template-columns: 52px minmax(0,1fr) 24px !important; grid-template-rows: 52px auto !important;
 gap: 20px 12px !important; padding: 24px !important; min-height: 252px !important;
 border: 1px solid var(--color-line) !important; border-top: 2px solid var(--studio-accent) !important;
 background: var(--color-surface,#fff) !important; border-radius: var(--radius-card) !important;
 transition: border-color .18s ease,background-color .18s ease !important;
}
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-launch-card:nth-child(4n+1) { --studio-accent: var(--color-blue,#355c7d); }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-launch-card:nth-child(4n+2) { --studio-accent: var(--color-coral,#f67280); }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-launch-card:nth-child(4n+3) { --studio-accent: var(--color-purple,#6c5b7b); }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-launch-icon {
 grid-column: 1 !important; grid-row: 1 !important; display: flex !important;
 width: 52px !important; height: 52px !important; padding: 0 !important;
 color: var(--studio-accent) !important; background: color-mix(in srgb,var(--studio-accent) 10%,var(--ck-legacy-surface,white)) !important;
 border-radius: 4px !important;
}
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-launch-icon > svg { width: 25px !important; height: 25px !important; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-portal-app-index {
 grid-column: 2; grid-row: 1; display: block; justify-self: end; align-self: start; font: 500 12px/1.4 var(--font-ui); color: var(--color-muted); letter-spacing: .06em;
}
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-launch-arrow { grid-column: 3 !important; grid-row: 1 !important; justify-self: end; font-size: 20px; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-launch-copy { grid-column: 1/-1 !important; grid-row: 2 !important; display: flex; flex-direction: column; height: 100%; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-launch-copy > h3 { font-size: 20px !important; line-height: 1.3 !important; margin-bottom: 8px !important; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-launch-copy > p { font-size: 13px !important; line-height: 1.6 !important; margin-bottom: 20px !important; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-portal-card-status { margin-top: auto !important; padding-top: 14px; border-top: 1px solid var(--color-line); }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] [data-launch-key="executive_performance"] {
 grid-column: span 2 !important; background: var(--ck-solid-blue,var(--color-blue,#355c7d)) !important; color: #fff !important; border-color: var(--color-blue) !important;
}
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] [data-launch-key="executive_performance"] .ck-launch-copy > h3 { color: #fff !important; font-size: 26px !important; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] [data-launch-key="executive_performance"] :is(.ck-launch-tag,.ck-launch-copy > p,.ck-portal-app-index,.ck-launch-arrow,.ck-portal-status-note) { color: #e4ecf4 !important; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] [data-launch-key="executive_performance"] .ck-launch-icon { color: #fff !important; background: #ffffff17 !important; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] [data-launch-key="executive_performance"] .ck-portal-card-status { border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.188235) !important; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] [data-launch-key="executive_performance"] .ck-portal-stat { color: #fff !important; background: #ffffff12 !important; border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.188235) !important; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-launch-card:hover { border-color: var(--studio-accent) !important; background: var(--color-surface-soft) !important; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] [data-launch-key="executive_performance"]:hover { background: #2d506e !important; }
@media(max-width:1190px) {
 html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-portal-app-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
 html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) .ck-portal-shell[data-ck-portal-design="studio"] { padding: 20px; }
}
@media(max-width:680px) {
 html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-portal-app-grid { grid-template-columns: minmax(0,1fr) !important; }
 html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] [data-launch-key="executive_performance"] { grid-column: auto !important; }
 html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-launch-card { min-height: 220px !important; padding: 20px !important; }
}
.ck-report-name-dialog { width: min(480px,calc(100% - 32px)); box-sizing: border-box; padding: 28px; border: 1px solid var(--color-line,#d8e0eb); border-radius: 4px; color: var(--color-ink,#24394d); background: var(--ck-legacy-surface,#fff); font: 400 14px/1.5 var(--font-ui,system-ui); }
.ck-report-name-dialog::backdrop { background: #14283f66; backdrop-filter: blur(6px); }
.ck-report-name-dialog h2 { margin: 4px 0 12px; font-size: 24px; font-weight: 600; }
.ck-report-name-kicker { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--color-muted); }
.ck-report-name-dialog label { display: block; margin-top: 20px; font-weight: 600; }
.ck-report-name-field { display: flex; align-items: center; gap: 10px; margin: 6px 0; }
.ck-report-name-field input { flex: 1; width: 100%; min-width: 0; padding: 10px; border: 1px solid var(--color-line,#d8e0eb); border-radius: 3px; font: inherit; }
.ck-report-name-field span { flex: 0 0 auto; color: var(--color-muted); }
#ck-report-name-message { color: var(--color-danger,#a33f50); min-height: 1.5em; }
.ck-report-name-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
.ck-report-name-dialog button { padding: 8px 14px; border: 1px solid #355c7d; border-radius: 3px; background: #355c7d; color: #fff; font: 600 13px/1.4 var(--font-ui,system-ui); cursor: pointer; }
.ck-report-name-dialog [data-report-name-cancel] { background: var(--ck-legacy-danger-soft,#fbf0f2); border-color: var(--ck-legacy-line,#e6c4ca); color: var(--ck-legacy-danger,#a33f50); }
html[data-chekku-page] .ck-avatar-fieldset:disabled { opacity: 1; }

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] [data-launch-key="executive_performance"] .ck-portal-card-metric { background: #ffffff14 !important; border-color: rgba(var(--ck-legacy-line-rgb,255,255,255),0.188235) !important; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] [data-launch-key="executive_performance"] .ck-portal-stat-value { color: #fff !important; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] [data-launch-key="executive_performance"] .ck-portal-stat-label { color: #e4ecf4 !important; }

html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-portal-app-grid--single { grid-template-columns: minmax(0,1fr) !important; max-width: 680px; }
html[data-chekku-page="dashboard"][data-chekku-page] :is(body,#chekku-design) [data-ck-portal-design="studio"] .ck-portal-app-grid--single > .ck-launch-card { grid-column: auto !important; }

/* Saved avatars use one compact preview; override the shared label display rule. */
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-avatar-fieldset:disabled label.ck-avatar-option:not(:has(input:checked)) { display: none !important; }
html[data-chekku-page] .ck-avatar-fieldset:disabled .ck-avatar-grid { grid-template-columns: minmax(0,200px); }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-avatar-fieldset:disabled label.ck-avatar-option {
  grid-template-columns: 44px minmax(0,1fr); align-items: center; justify-items: start; gap: 10px; padding: 6px 10px; cursor: default; text-align: left;
}
html[data-chekku-page] .ck-avatar-fieldset:disabled .ck-avatar-option img { width: 44px !important; height: 48px !important; }


/* Export Lab database recovery uses the shared flat panels, controls and blurred modal backdrop. */
html[data-chekku-page="export-lab-restore"] #ck-restore-work [hidden],html[data-chekku-page="export-lab-restore"] #ck-restore-work[hidden] { display: none !important; }
html[data-chekku-page="export-lab-restore"] .ck-restore-progress progress { display: block; width: 100%; height: 8px; margin: 18px 0; accent-color: var(--color-blue,#355c7d); }
html[data-chekku-page="export-lab-restore"] .ck-restore-counts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
html[data-chekku-page="export-lab-restore"] .ck-restore-counts > div { border: 1px solid var(--color-border,#d8e0eb); padding: 12px; min-width: 0; }
html[data-chekku-page="export-lab-restore"] .ck-restore-counts dt { font-size: 12px; color: var(--color-muted); }
html[data-chekku-page="export-lab-restore"] .ck-restore-counts dd { margin: 6px 0 0; font-size: 22px; color: var(--color-blue); }
html[data-chekku-page="export-lab-restore"] .ck-restore-history { list-style: none; padding: 0; margin: 12px 0 0; }
html[data-chekku-page="export-lab-restore"] .ck-restore-history li { display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 14px 0; border-top: 1px solid var(--color-border,#d8e0eb); }
html[data-chekku-page="export-lab-restore"] .ck-restore-history li > div { min-width: 0; overflow-wrap: anywhere; }
html[data-chekku-page="export-lab-restore"] .ck-restore-history small { display: block; margin-top: 5px; color: var(--color-muted); }
html[data-chekku-page="export-lab-restore"] .ck-restore-busy { width: min(480px,calc(100vw - 32px)); text-align: center; }
html[data-chekku-page="export-lab-restore"] .ck-restore-busy .ck-restore-spinner { display: inline-block; width: 28px; height: 28px; box-sizing: border-box; margin: 12px auto; border: 2px solid var(--color-border,#d8e0eb); border-top-color: var(--color-blue,#355c7d); border-radius: 50%; animation: ck-restore-spin .8s linear infinite; }
@media(max-width:560px) { html[data-chekku-page="export-lab-restore"] .ck-restore-counts { grid-template-columns: repeat(2,minmax(0,1fr)); } }

html[data-chekku-page="export-lab-restore"] #ck-restore-file { display: block; box-sizing: border-box; width: 100%; max-width: 100%; padding: 8px; border: 1px solid var(--color-border,#d8e0eb); border-radius: var(--radius-card,3px); background: var(--color-surface,#fff); color: var(--color-ink); font: inherit; }
html[data-chekku-page="export-lab-restore"] #ck-restore-file::file-selector-button { margin-right: 12px; padding: 8px 14px; border: 0; border-radius: var(--radius-card,3px); background: var(--ck-solid-blue,var(--color-blue,#355c7d)); color: #fff; font: inherit; cursor: pointer; }

@keyframes ck-restore-spin { to { transform: rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { html[data-chekku-page="export-lab-restore"] .ck-restore-busy .ck-restore-spinner { animation: none; } }

/* LIGHT / DARK APPEARANCE
   Light stays the default. Dark values are screen-only, so printed reports keep light paper surfaces.
   --ck-legacy-* bridges retain original light fallbacks in older module rules above. */
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) button.ck-appearance-toggle {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
  min-width: 108px !important; height: 38px !important; padding: 8px 12px !important; margin: 0 !important;
  border: 1px solid var(--color-line) !important; border-radius: var(--radius-control) !important;
  background: var(--color-surface) !important; color: var(--color-blue) !important; font: 500 13px/1.2 var(--font-ui) !important; white-space: nowrap !important;
}
html[data-chekku-page] .ck-appearance-icon { display: inline-flex; align-items: center; }
html[data-chekku-page] .ck-appearance-track { display: inline-block; position: relative; flex: 0 0 28px; width: 28px; height: 16px; box-sizing: border-box; border: 1px solid var(--color-line); border-radius: 9px; background: var(--color-blue-soft); }
html[data-chekku-page] .ck-appearance-track > span { position: absolute; width: 10px; height: 10px; top: 2px; left: 2px; border-radius: 50%; background: var(--color-blue); transition: transform .16s ease; }
html[data-chekku-page] [aria-checked="true"] .ck-appearance-track > span { transform: translateX(12px); }
html[data-chekku-page] .ck-auth-appearance { display: flex; justify-content: flex-end; margin-bottom: 18px; }
@media(prefers-reduced-motion:reduce) { html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-appearance-track > span { transition: none !important; } }
@media print { html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) button.ck-appearance-toggle,html[data-chekku-page] .ck-auth-appearance { display: none !important; } }
@media screen {
html[data-ck-theme="dark"] {
  color-scheme: dark;
  --color-canvas: #101923; --color-surface: #192532; --color-surface-soft: #202F3E;
  --color-ink: #E5EDF5; --color-muted: #B2C0CF; --color-line: #35485B; --color-border: #35485B;
  --color-blue: #A7C9E7; --color-blue-deep: #BCD6EB; --color-purple: #C6B3D7; --color-mauve: #DDA4BA;
  --color-blue-soft: #22374A; --color-peach-soft: #3E302D; --color-coral-soft: #402A33;
  --color-danger: #F2A1AB; --color-danger-soft: #402830; --color-success: #85D6AF; --color-success-soft: #1D3830; --color-warning: #F0CD8E; --color-warning-soft: #3E3424;
  --color-backdrop: rgba(4,10,17,.7);
  --app-background: linear-gradient(180deg,#3F3033 0%,#342B3A 34%,#232C3C 65%,#112332 100%);
  --ck-solid-blue: #355C7D; --ck-solid-blue-deep: #294962; --ck-solid-ink: #203448; --ck-solid-purple: #6C5B7B; --ck-solid-mauve: #8B4D65; --ck-solid-success: #276B53; --ck-solid-danger: #A33F50; --ck-solid-warning: #79552D;
  --ck-legacy-surface: #192532; --ck-legacy-raised: #223242; --ck-legacy-blue-soft: #22374A;
  --ck-legacy-ink: #E5EDF5; --ck-legacy-muted: #B2C0CF; --ck-legacy-accent: #B7D1EA; --ck-legacy-line: #35485B;
  --ck-legacy-success: #85D6AF; --ck-legacy-warning: #F0CD8E; --ck-legacy-danger: #F2A1AB;
  --ck-legacy-success-soft: #1D3830; --ck-legacy-warning-soft: #3E3424; --ck-legacy-danger-soft: #402830;
  --ck-legacy-surface-rgb: 25,37,50; --ck-legacy-raised-rgb: 34,50,66; --ck-legacy-blue-soft-rgb: 34,55,74;
  --ck-legacy-ink-rgb: 229,237,245; --ck-legacy-muted-rgb: 178,192,207; --ck-legacy-accent-rgb: 183,209,234; --ck-legacy-line-rgb: 126,150,173;
  --ck-legacy-success-rgb: 133,214,175; --ck-legacy-warning-rgb: 240,205,142; --ck-legacy-danger-rgb: 242,161,171;
  --ck-legacy-success-soft-rgb: 29,56,48; --ck-legacy-warning-soft-rgb: 62,52,36; --ck-legacy-danger-soft-rgb: 64,40,48;
  --ck-grade-packable-soft: #1D3830; --ck-grade-composite-soft: #20374E; --ck-grade-class2-soft: #3E3424; --ck-grade-waste-soft: #402830;
  --grade-packable-text: #85D6AF; --grade-composite-text: #A7C9E7; --grade-class2-text: #F0CD8E; --grade-waste-text: #F2A1AB;
}
html[data-ck-theme="dark"][data-chekku-page][data-chekku-page] :is(body,#chekku-design) { background-color: var(--color-canvas) !important; }
html[data-ck-theme="dark"][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .sidebar { background: #1B3043 !important; border-color: var(--color-line) !important; }
html[data-ck-theme="dark"][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .sidebar .sb-link.active { background: var(--color-peach-soft) !important; color: var(--color-peach) !important; }
html[data-ck-theme="dark"][data-chekku-page] .ck-appearance-track { background: #355C7D; border-color: #6C91AF; }
html[data-ck-theme="dark"][data-chekku-page] .ck-appearance-track > span { background: #DCEBFA; }
html[data-ck-theme="dark"][data-chekku-page][data-chekku-page] :is(body,#chekku-design) .app-kicker { border: 0 !important; background: transparent !important; padding: 0 !important; box-shadow: none !important; }
html[data-ck-theme="dark"][data-chekku-page][data-chekku-page] :is(body,#chekku-design) input[type="date"]::-webkit-calendar-picker-indicator { filter: none !important; opacity: .85; }
html[data-ck-theme="dark"][data-chekku-page] ::placeholder { color: #A5B6C7 !important; opacity: 1; }
html[data-ck-theme="dark"][data-chekku-page] :is(input,select,textarea) { caret-color: var(--color-ink); }
html[data-ck-theme="dark"][data-chekku-page] ::selection { background: #F8B195; color: #273A4D; }

html[data-ck-theme="dark"][data-chekku-page] :is(.exec-kicker,.board-chip,.top-meta-tag,.ck-site-help) { color: var(--color-muted) !important; }
html[data-ck-theme="dark"] :is([data-ck-grade="packable"],[data-ck-grade-metric="packable"],[data-ck-grade-cell="packable"]) { --ck-grade-soft: var(--ck-grade-packable-soft); }
html[data-ck-theme="dark"] :is([data-ck-grade="composite"],[data-ck-grade-metric="composite"],[data-ck-grade-cell="composite"]) { --ck-grade-soft: var(--ck-grade-composite-soft); }
html[data-ck-theme="dark"] :is([data-ck-grade="class2"],[data-ck-grade-metric="class2"],[data-ck-grade-cell="class2"]) { --ck-grade-soft: var(--ck-grade-class2-soft); }
html[data-ck-theme="dark"] :is([data-ck-grade="waste"],[data-ck-grade-metric="waste"],[data-ck-grade-cell="waste"]) { --ck-grade-soft: var(--ck-grade-waste-soft); }
}

/* A brief mascot welcome after the server confirms successful sign-in. */
html[data-chekku-page="login"] :is(body,#chekku-design) .auth-result { text-align: center; }
html[data-chekku-page="login"] :is(body,#chekku-design) .auth-destination { text-align: left; }
html[data-chekku-page="login"] :is(body,#chekku-design) .auth-welcome-scene {
  position: relative; display: grid; place-items: center; width: 176px; height: 152px; margin: 0 auto 18px; isolation: isolate;
}
html[data-chekku-page="login"] :is(body,#chekku-design) .auth-welcome-halo {
  position: absolute; width: 118px; height: 118px; border-radius: 50%; background: var(--color-peach-soft); border: 1px solid var(--color-line); z-index: -1;
  animation: ck-welcome-halo 1.1s ease-out both;
}
html[data-chekku-page="login"] :is(body,#chekku-design) img.auth-welcome-mascot {
  display: block; width: 128px !important; height: 128px !important; max-width: 100%; object-fit: contain; border: 0; border-radius: 0; background: transparent;
  transform-origin: 50% 88%; animation: ck-welcome-mascot 1.1s cubic-bezier(.22,.7,.3,1) both;
}
html[data-chekku-page="login"] :is(body,#chekku-design) .auth-welcome-spark {
  position: absolute; top: 50%; left: 50%; width: 6px; height: 9px; border-radius: 2px; background: var(--color-peach); opacity: 0;
  --spark-x: -73px; --spark-y: -31px; --spark-turn: -28deg; animation: ck-welcome-spark .9s .12s ease-out both;
}
html[data-chekku-page="login"] :is(body,#chekku-design) .auth-welcome-spark:nth-of-type(3) { --spark-x: 67px; --spark-y: -45px; --spark-turn: 35deg; background: var(--color-coral); }
html[data-chekku-page="login"] :is(body,#chekku-design) .auth-welcome-spark:nth-of-type(4) { --spark-x: -49px; --spark-y: -71px; --spark-turn: 64deg; background: var(--color-mauve); }
html[data-chekku-page="login"] :is(body,#chekku-design) .auth-welcome-spark:nth-of-type(5) { --spark-x: 40px; --spark-y: -78px; --spark-turn: -43deg; background: var(--color-purple); }
html[data-chekku-page="login"] :is(body,#chekku-design) .auth-welcome-spark:nth-of-type(6) { --spark-x: 77px; --spark-y: 19px; --spark-turn: 58deg; background: var(--color-blue); }
@keyframes ck-welcome-mascot {
  0% { opacity: 0; transform: translateY(16px) scale(.88) rotate(-7deg); }
  36% { opacity: 1; transform: translateY(-5px) scale(1.03) rotate(4deg); }
  65% { transform: translateY(1px) scale(1) rotate(-2deg); }
  100% { opacity: 1; transform: none; }
}
@keyframes ck-welcome-halo { from { opacity: 0; transform: scale(.65); } to { opacity: 1; transform: scale(1); } }
@keyframes ck-welcome-spark {
  0% { opacity: 0; transform: translate(-50%,-50%) scale(.4); }
  30% { opacity: .85; }
  100% { opacity: 0; transform: translate(var(--spark-x),var(--spark-y)) rotate(var(--spark-turn)); }
}
@media(prefers-reduced-motion:reduce) {
  html[data-chekku-page="login"] :is(body,#chekku-design) :is(.auth-result,.auth-welcome-mascot,.auth-welcome-halo,.auth-welcome-spark) { animation: none !important; }
  html[data-chekku-page="login"] :is(body,#chekku-design) .auth-welcome-spark { display: none; }
}
/* Pre-grade selection colours and photo evidence use the shared grade palette. */
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(#openClass2,#openWaste).has-defects { border-width: 1px !important; border-style: solid !important; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) #openClass2.has-defects,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) #defectDrawer[data-grade="class2"] .defect-card.active,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .minor-card.has-value {
  background: var(--ck-grade-class2-soft,var(--grade-class2-soft)) !important; border-color: var(--grade-class2) !important;
}
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) #openWaste.has-defects,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) #defectDrawer[data-grade="waste"] .defect-card.active,
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .major-card.has-value {
  background: var(--ck-grade-waste-soft,var(--grade-waste-soft)) !important; border-color: var(--grade-waste) !important;
}
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) #defectDrawer[data-grade="class2"] .defect-card.active :is(.count,.name),
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) #openClass2.has-defects strong { color: var(--grade-class2-text) !important; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) #defectDrawer[data-grade="waste"] .defect-card.active :is(.count,.name),
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) #openWaste.has-defects strong { color: var(--grade-waste-text) !important; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence {
  display: block; width: 100%; box-sizing: border-box; border: 1px solid var(--color-line); background: var(--color-surface); padding: 18px; border-radius: var(--radius-panel);
}
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-head { display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-head h3 { display: flex; gap: 8px; align-items: center; margin: 0 0 8px; color: var(--color-blue); font-size: 16px; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-head :is(p,small),
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) [data-evidence-count] { margin: 0; font-size: 12px; font-weight: 400; color: var(--color-muted); line-height: 1.5; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) [data-evidence-count] { flex-shrink: 0; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0 10px; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 12px; margin-top: 14px; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--color-line); border-radius: var(--radius-panel); background: var(--color-surface); }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-card[data-grade="class2"] { border-color: var(--grade-class2); background: var(--ck-grade-class2-soft,var(--grade-class2-soft)); }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-card[data-grade="waste"] { border-color: var(--grade-waste); background: var(--ck-grade-waste-soft,var(--grade-waste-soft)); }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-card[data-grade="composite"] { border-color: var(--grade-composite); background: var(--ck-grade-composite-soft,var(--grade-composite-soft)); }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-card > img { display: block; width: 100% !important; height: 160px !important; object-fit: contain; background: var(--color-surface-soft); margin: 0; border: 0; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-copy { display: grid; gap: 10px; padding: 14px; min-width: 0; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-copy label { display: grid; gap: 6px; margin: 0; font-size: 12px; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-copy select { width: 100%; max-width: 100%; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) :is(.ck-evidence-caption,.ck-evidence-filename) { overflow-wrap: anywhere; margin: 0; font-size: 12px; line-height: 1.5; color: var(--color-ink); }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-error { color: var(--color-danger); font-size: 13px; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence [hidden] { display: none !important; }
html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) [data-ck-core-group][hidden] { display: none !important; }
@media(max-width:600px) {
 html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-head { flex-direction: column; }
}

/* Keep photo navigation readable when the download action is added. */
html[data-chekku-page="pregrade-photos"][data-chekku-page] :is(body,#chekku-design) .ck-photo-view-controls { flex-wrap: wrap; }
html[data-chekku-page="pregrade-photos"][data-chekku-page] :is(body,#chekku-design) .ck-photo-view-controls > :is(a,button) { flex: 1 0 auto; width: auto; white-space: nowrap !important; }
@media(max-width:600px) {
 html[data-chekku-page="pregrade-photos"][data-chekku-page] :is(body,#chekku-design) .ck-photo-view-controls > [data-photo-download] { flex-basis: 100%; }
}

/* Waste entry: the same flat selected-card treatment as Pre-Grade. */
html[data-chekku-page="waste-analysis-form"][data-chekku-page] :is(body,#chekku-design) .defect-card.selected {
  background: var(--ck-grade-waste-soft,var(--grade-waste-soft)) !important;
  border: 1px solid var(--grade-waste) !important;
  transform: none !important; box-shadow: none !important;
}
html[data-chekku-page="waste-analysis-form"][data-chekku-page] :is(body,#chekku-design) .defect-card.selected .defect-name,
html[data-chekku-page="waste-analysis-form"][data-chekku-page] :is(body,#chekku-design) .defect-card.selected .quantity-badge { color: var(--grade-waste-text) !important; }
html[data-chekku-page="waste-analysis-form"][data-chekku-page] :is(body,#chekku-design) .defect-card.good.selected {
  background: var(--ck-grade-packable-soft,var(--grade-packable-soft)) !important;
  border-color: var(--grade-packable) !important;
}
html[data-chekku-page="waste-analysis-form"][data-chekku-page] :is(body,#chekku-design) .defect-card.good.selected .defect-name,
html[data-chekku-page="waste-analysis-form"][data-chekku-page] :is(body,#chekku-design) .defect-card.good.selected .quantity-badge { color: var(--grade-packable-text) !important; }

html[data-chekku-page][data-chekku-page] :is(body,#chekku-design) .ck-evidence-card[data-grade="packable"] { border-color: var(--grade-packable); background: var(--ck-grade-packable-soft,var(--grade-packable-soft)); }