/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/shared/ui/tg/tg-app-shell.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.tg-app-shell_shell__Fwq_H {
  min-height: 100vh;
  background: var(--color-paper);
  color: var(--color-ink);
}

.tg-app-shell_header__EnqeD {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  padding: calc(var(--s-3) + env(safe-area-inset-top)) var(--s-4) var(--s-3);
  background: var(--color-surface);
  border-bottom: var(--border-default);
  display: grid;
  grid-gap: var(--s-2);
  gap: var(--s-2);
}

.tg-app-shell_headerMain__AhDab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-3);
}

.tg-app-shell_titleStack__C83GQ {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  min-width: 0;
}

.tg-app-shell_title__5dCiA {
  font-size: var(--t-h5);
  font-weight: var(--fw-semibold);
  color: var(--color-ink-strong);
  line-height: var(--lh-tight);
}

.tg-app-shell_meta__Da2im {
  font-size: var(--t-micro);
  color: var(--color-ink-muted);
}

.tg-app-shell_actions__Rq2t5 {
  display: flex;
  align-items: center;
  gap: var(--s-2);
  flex-shrink: 0;
}

.tg-app-shell_chips__ZRbx5 {
  display: flex;
  align-items: center;
  gap: var(--s-1);
  overflow-x: auto;
}

.tg-app-shell_body__W0CTc {
  padding: var(--s-4) var(--s-4) calc(var(--s-8) + env(safe-area-inset-bottom));
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/shared/ui/tg/tg-hub-grid.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.tg-hub-grid_grid__9mBtU {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: var(--s-3);
  gap: var(--s-3);
}

.tg-hub-grid_tile___xT57 {
  position: relative;
  display: grid;
  grid-gap: var(--s-2);
  gap: var(--s-2);
  padding: var(--s-4);
  border-radius: var(--r-4);
  background: var(--color-surface);
  border: var(--border-default);
  color: var(--color-ink);
  min-height: 92px;
}

.tg-hub-grid_icon__wWu9K {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--s-8);
  height: var(--s-8);
  border-radius: var(--r-3);
  background: var(--color-brand-soft);
  color: var(--color-brand-ink);
}

.tg-hub-grid_label__ySW63 {
  font-size: var(--t-body);
  font-weight: var(--fw-medium);
  color: var(--color-ink-strong);
}

.tg-hub-grid_badge__1hg1r {
  position: absolute;
  top: var(--s-3);
  right: var(--s-3);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--s-2);
  height: var(--s-5);
  border-radius: var(--r-pill);
  background: var(--color-brand);
  color: var(--primary-text);
  font-size: var(--t-micro);
  font-weight: var(--fw-semibold);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/shared/ui/tg/tg-kpi-strip.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.tg-kpi-strip_strip__PIFZD {
  display: flex;
  gap: var(--s-3);
  overflow-x: auto;
  padding-bottom: var(--s-1);
}

.tg-kpi-strip_kpi__t6HgG {
  flex: 1 0 38%;
  display: grid;
  grid-gap: var(--s-1);
  gap: var(--s-1);
  padding: var(--s-3) var(--s-4);
  border-radius: var(--r-5);
  background: var(--color-surface);
  border: var(--border-default);
}

.tg-kpi-strip_kpi--brand__791x_ {
  background: var(--color-brand-soft);
  border-color: var(--color-brand);
}

.tg-kpi-strip_kpi--alert__5EU3a {
  background: var(--color-alert-soft);
  border-color: var(--color-alert);
}

.tg-kpi-strip_value__8qpMl {
  font-size: var(--t-h4);
  font-weight: var(--fw-bold);
  color: var(--color-ink-strong);
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.tg-kpi-strip_label__zZvZu {
  font-size: var(--t-micro);
  color: var(--color-ink-muted);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
}

