@charset "UTF-8";





/* ================================================
   Responsive
   ================================================ */

/* @media (max-width: 1280px) {
  .page-edit .inner.cols-2 {
    flex-direction: column;
  }

  .right-section {
    width: 100%;
    position: static;
    flex-direction: row;
    gap: var(--krds-number-7);
  }

  .status-tracker {
    flex: 1;
  }

  .action-box {
    flex: 1;
  }

  .action-box .btn-wrap {
    flex-direction: row;
  }
}

@media (max-width: 1024px) {
  .info-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-number-8);
  }

  .target-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .btn-group.toggle-group {
    width: 100%;
  }

  .toggle-btn {
    flex: 1;
    min-width: calc(50% - 0.4rem);
  }

  .school-count {
    width: 100%;
  }

  .radio-card-group {
    flex-direction: column;
  }

  .budget-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .budget-btn-group {
    width: 100%;
  }

  .period-row {
    flex-direction: column;
  }

  .date-range {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .info-badges {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-number-5);
  }

  .user-info {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-number-5);
  }

  .program-number {
    flex-wrap: wrap;
  }

  .sub-form-group {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-number-7);
  }

  .checkbox-group,
  .radio-group {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-number-5);
  }

  .budget-input-wrap {
    flex-wrap: wrap;
  }

  .budget-btn-group {
    justify-content: flex-start;
  }

  .date-range {
    flex-direction: column;
  }

  .toggle-area {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-number-7);
  }

  .right-section {
    flex-direction: column;
  }

  .action-box .btn-wrap {
    flex-direction: column;
  }
} */




/* ================================================
   Responsive
   ================================================ */
/* 
@media (max-width: 1024px) {
  .krds-search-area {
    flex-direction: column;
    gap: var(--krds-number-8);
    align-items: flex-start;
  }

  .krds-search-box {
    width: 100%;
  }

  .sch-input {
    min-width: auto;
  }

  .krds-manager-card {
    flex-wrap: wrap;
  }

  .krds-manager-col.number {
    width: 2.5rem;
  }

  .krds-manager-col.info {
    width: calc(100% - 2.5rem - 3.625rem);
  }

  .krds-manager-col.action {
    width: 3.625rem;
  }
}

@media (max-width: 768px) {
  body {
    padding: var(--krds-number-8);
  }

  .krds-search-area {
    padding: var(--krds-number-6) var(--krds-number-8);
  }

  .area-title {
    font-size: 0.9375rem;
  }

  .krds-search-box {
    height: 2.5rem;
    padding: 0 var(--krds-number-6);
    flex-wrap: wrap;
  }

  .krds-form-select {
    font-size: 0.875rem;
    width: 7rem;
  }

  .krds-input {
    font-size: 0.875rem;
  }

  .sch-input {
    min-width: 100%;
    order: 3;
    padding-top: var(--krds-number-5);
  }

  .krds-divider-vertical {
    display: none;
  }

  .krds-manager-card {
    padding: 0 var(--krds-number-8);
  }

  .krds-manager-col {
    padding: var(--krds-number-6);
  }

  .krds-manager-col.number {
    width: 2rem;
    padding-right: var(--krds-number-5);
  }

  .krds-manager-col.number span {
    font-size: 0.875rem;
  }

  .krds-manager-col.info {
    width: calc(100% - 2rem - 3rem);
    padding-left: 0;
  }

  .krds-manager-col.action {
    width: 3rem;
    padding: var(--krds-number-6) 0;
  }

  .krds-info {
    gap: var(--krds-number-5);
  }

  .krds-info-row {
    padding: var(--krds-number-4) var(--krds-number-6);
  }

  .krds-info-row dt {
    font-size: 0.8125rem;
  }

  .krds-info-row dd {
    font-size: 0.875rem;
  }

  .krds-btn.icon-only {
    width: 2.25rem;
    height: 2.25rem;
  }

  .svg-icon.ico-minus {
    width: 0.875rem;
    height: 0.875rem;
  }
}

@media (max-width: 480px) {
  .krds-search-box {
    height: auto;
    padding: var(--krds-number-5) var(--krds-number-6);
  }

  .krds-form-select {
    width: 100%;
    padding: var(--krds-number-4) var(--krds-number-5);
  }

  .sch-input {
    width: 100%;
    padding-top: var(--krds-number-5);
    border-top: 0.0625rem solid var(--krds-color-light-gray-20);
    margin-top: var(--krds-number-5);
  }

  .krds-manager-col.info {
    width: 100%;
    padding: var(--krds-number-6) 0;
  }

  .krds-manager-col.action {
    position: absolute;
    right: var(--krds-number-8);
  }

  .krds-manager-card {
    position: relative;
  }
}

 */