/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/rs-today-routine.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.rs-today {
  background: #fff;
  border: 1px solid rgba(106, 79, 224, 0.08);
  border-radius: 24px;
  padding: 18px 16px;
  box-shadow: 0 8px 28px rgba(106, 79, 224, 0.05);
}

.rs-today__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.rs-today__head-main {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.rs-today__title {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: var(--rm-ink, #17172e);
}

.rs-today__date {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--rm-muted, #75768f);
  white-space: nowrap;
}

.rs-today__head-icon {
  color: var(--rm-violet, #6a4fe0);
  font-size: 22px !important;
  width: 22px;
  height: 22px;
}

.rs-today__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rs-today__section {
  border: 1px solid rgba(106, 79, 224, 0.08);
  border-radius: 18px;
  background: #faf8ff;
  overflow: hidden;
}

.rs-today__section--open {
  border-color: rgba(106, 79, 224, 0.14);
  box-shadow: 0 4px 14px rgba(106, 79, 224, 0.05);
}

.rs-today__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
}

.rs-today__check {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 2px solid #d7d2f5;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.rs-today__check:disabled {
  opacity: 0.55;
  cursor: wait;
}

.rs-today__check-inner {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.15s ease;
}

.rs-today__check--partial {
  border-color: #ed78cf;
  background: #fff;
}

.rs-today__check--partial .rs-today__check-inner {
  background: conic-gradient(#ed78cf 0 180deg, transparent 180deg 360deg);
}

.rs-today__check--all {
  border-color: var(--rm-violet, #6a4fe0);
  background: var(--rm-violet, #6a4fe0);
}

.rs-today__check--all .rs-today__check-inner {
  width: 6px;
  height: 10px;
  border-radius: 0;
  background: transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg) translate(-1px, -1px);
}

.rs-today__check:focus-visible {
  outline: 2px solid rgba(106, 79, 224, 0.45);
  outline-offset: 2px;
}

.rs-today__check--locked,
.rs-today__item-check--locked {
  filter: blur(2px);
  opacity: 0.45;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

.rs-today__icon-wrap {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  /* Sun icon — kept warm yellow (a semantic sun/moon indicator, not the
     violet brand color) rather than converted like everything else. */
  background: rgba(255, 193, 7, 0.14);
}

.rs-today__icon-wrap--night {
  background: rgba(106, 79, 224, 0.12);
}

.rs-today__mat-icon {
  font-size: 24px !important;
  width: 24px;
  height: 24px;
  color: #f5a623;
}

.rs-today__icon-wrap--night .rs-today__mat-icon {
  color: var(--rm-violet, #6a4fe0);
}

.rs-today__mat-icon--round {
  font-family: 'Material Icons Round' !important;
}

.rs-today__row-title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  color: var(--rm-ink, #17172e);
  text-align: start;
}

.rs-today__details-toggle {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border: 0;
  background: transparent;
  color: var(--rm-muted, #75768f);
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  padding: 4px 0 4px 4px;
}

.rs-today__details-toggle mat-icon {
  font-size: 18px !important;
  width: 18px;
  height: 18px;
}

.rs-today__panel {
  padding: 0 12px 12px;
  border-top: 1px solid rgba(106, 79, 224, 0.06);
  animation: rs-today-panel-in 0.18s ease-out;
}

@keyframes rs-today-panel-in {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 520px) {
  .rs-today {
    padding: 14px 12px;
  }

  .rs-today__head {
    flex-wrap: wrap;
    gap: 6px 10px;
  }

  .rs-today__date {
    width: 100%;
    text-align: start;
    white-space: normal;
  }

  .rs-today__header {
    gap: 8px;
    padding: 10px;
  }

  .rs-today__icon-wrap {
    width: 32px;
    height: 32px;
  }

  .rs-today__mat-icon {
    font-size: 22px !important;
    width: 22px;
    height: 22px;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}

/*# sourceMappingURL=styles.css.map*/