/* ========= App Configs Modal (scoped) ========= */
.app-configs-modal{
  --line:#e6e8ee; --text:#111827; --muted:#6b7280; --bg:#ffffff;
  --shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 24px rgba(17,24,39,.06);
  --blue:#0C8CE9;
  --primary:#1677ff; --primary-press:#0f63d8;
  font-size:14px; color:var(--text);
}

/* Labels & inputs */
.app-row{ margin-bottom:14px; }
.app-label{ 
  font-weight:600; 
  color:var(--text); 
  display: flex; 
}
.app-field{ display:flex; align-items:center; }
.app-input, .app-select{
  background:#fff; border:1px solid var(--line); border-radius:10px; height:40px;
  padding:0 12px; box-shadow:var(--shadow);
}

.app-input[disabled]{ 
  background:#f6f7fb; 
  color:#444; 
}

.app-input--selectlike{
  padding-right:36px; position:relative;
  background-image:
    linear-gradient(transparent,transparent),
    url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
}

/* Select chevron */
.app-select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  padding-right:36px;
  background-image:
    linear-gradient(transparent,transparent),
    url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
}

/* Blue checkbox */
.app-check{
  width:18px; height:18px; margin:0;
  accent-color: var(--blue);
}
.app-checkwrap{ display:flex; align-items:center; gap:10px; }

/* Cards / sections */
.app-card{
  background:#fff; border:1px solid var(--line); border-radius:12px;
  box-shadow:var(--shadow); margin-bottom:14px;
}

/* Toolbar */
.app-toolbar{
  display:flex; 
  align-items:center; 
  justify-content: space-between; 
  font-weight: 600;
  padding: 10px 0;
}
.app-toolbar__select{ 
  min-width: 325px;
  display: flex;
  gap: 29px;
  justify-content: space-between; 
}

/* Config rows */
.app-list{ display:flex; flex-direction:column; gap:10px; }
.app-list__row{
  display:grid; grid-template-columns: 1fr 44px 280px; gap:14px;
  align-items:center; padding:6px 0; border-bottom:1px dashed #d8dce3;
}
.app-list__row:last-child{ border-bottom:none; }
.app-list__label{ margin:0; }
.app-list__check{ display:flex; justify-content:center; }

/* Footer buttons */
.app-footer{ display:flex; gap:12px; justify-content:flex-end; }
.app-btn{
  min-width:104px; height:40px; border-radius:10px; font-weight:600;
  border:1px solid var(--line);
}
.app-btn--ghost{ background:#f3f4f6; color:#111827; }
.app-btn--primary{ background:var(--primary); color:#fff; border-color:transparent; }
.app-btn--primary:hover{ background:var(--primary-press); }