/* FV-CMS-VENDORED v0.7.2 — DO NOT EDIT IN PLACE. Source: github.com/avidtech6/freshvibe-cms. To update, run: fvcms-update */
:root {
  --bg: #0b0d11; --panel: #14181f; --panel-2: #1a1f27;
  --border: #2a3038; --text: #e6e9ef; --text-mid: #b8bfca;
  --text-dim: #7a8290; --accent: #7cf0a0; --accent-2: #5fa8ff;
  --accent-3: #c084fc; --r-sm: 4px; --r-md: 6px; }

.fes-shadow-multi {
  display: flex; flex-direction: column; gap: 16px;
  padding: 12px;
}

.fes-shadow-preview {
  height: 80px; width: 100%;
  background: var(--panel-2);
  border-radius: var(--r-md);
  border: 1px solid var(--border);
  margin: 0 auto;
  width: 100px;
  transition: box-shadow 0.1s;
}

.fes-layers-list {
  display: flex; flex-direction: column; gap: 8px;
  max-height: 300px; overflow-y: auto;
}

.fes-layer-row {
  display: grid; grid-template-columns: 60px 60px 60px 60px 50px 40px 40px;
  gap: 8px; align-items: center;
  background: var(--panel); padding: 8px; border-radius: var(--r-sm);
  border: 1px solid var(--border);
}

.fes-layer-input-wrap { display: flex; flex-direction: column; gap: 2px; }
.fes-input-label { font-size: 10px; color: var(--text-dim); text-transform: uppercase; }
.fes-layer-input {
  width: 100%; background: var(--bg); border: 1px solid var(--border);
  color: var(--text); padding: 4px; border-radius: var(--r-sm);
  font-family: monospace;
}

.fes-btn-icon {
  background: transparent; border: none; color: var(--text-dim);
  cursor: pointer; font-size: 18px; line-height: 1;
}
.fes-btn-icon:hover { color: var(--accent-3); }

.fes-btn-add {
  background: var(--panel-2); color: var(--accent);
  border: 1px solid var(--accent); padding: 8px;
  border-radius: var(--r-sm); cursor: pointer; font-weight: 600;
  text-align: center; margin-top: 4px;
}