:root {
  --creuso-terra: #c86f4a;
  --creuso-terra-600: #b25f3f;
  --creuso-bg: #0f0f10;
  --creuso-card: #1b1c1f;
  --creuso-text: #e9e9ea;
  --creuso-muted: #9aa0a6;
  --success: #1f9d55;
  --danger: #e5534b;
  --warning: #ffb020;
  --info: #3b82f6;
}

/*html, body {
  height: 100%;
  background: var(--creuso-bg);
  color: var(--creuso-text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
}*/

/* Topbar */
/*.topbar {
  position: sticky;
  top: 0; z-index: 1000;
  height: 56px; display: flex; align-items: center; gap: 12px;
  padding: 0 16px; background: #131416; border-bottom: 1px solid #222428;
}
.topbar .brand { display:flex; align-items:center; gap:10px; font-weight:700; color: var(--creuso-terra); }
.topbar .brand img { height: 28px; width: 28px; object-fit: contain; filter: drop-shadow(0 0 0 var(--creuso-terra)); }
.topbar input[type="search"] {
  flex:1; max-width: 640px;
  background:#0f1012; border:1px solid #26282d; color: var(--creuso-text);
  border-radius: 8px; padding: 8px 12px;
}
.icon-btn {
  background: transparent; border: 1px solid #2a2d33; color: var(--creuso-text);
  border-radius: 8px; padding: 6px 10px; cursor: pointer;
}
.icon-btn:hover { border-color: var(--creuso-terra); color: var(--creuso-terra); }*/

/* Layout */
/*.layout {
  display: grid; grid-template-columns: 260px 1fr; gap: 0;
}
@media (max-width: 992px) {
  .layout { grid-template-columns: 0 1fr; }
}*/

/* Side menu */
/*.sidemenu {
  height: calc(100dvh - 56px);
  position: sticky; top: 56px; overflow-y: auto;
  background: #131416; border-right:1px solid #222428; padding: 12px;
}
.menu-group { margin-bottom: 8px; }
.menu-item {
  display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius: 8px; color: var(--creuso-text); text-decoration: none;
}
.menu-item .emoji { width: 22px; text-align:center; }
.menu-item.active, .menu-item:hover { background:#1a1c20; border:1px solid #26282d; }*/

/* Content area */
/*.content { padding: 16px; }
.page-title { font-size: 22px; font-weight: 700; color: var(--creuso-terra); margin: 6px 0 16px; }

.grid {
  display: grid; gap: 12px;
}
.grid.cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid.cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width: 992px) {
  .grid, .grid.cols-3, .grid.cols-2 { grid-template-columns: 1fr; }
}*/

/* Cards */
/*.card {
  background: var(--creuso-card); border: 1px solid #26282d; border-radius: 12px; padding: 12px;
}
.card h5 { margin: 0 0 8px; font-size: 14px; color: var(--creuso-muted); text-transform: uppercase; letter-spacing: .03em; }
.card .value { font-size: 24px; font-weight: 700; }*/

/* Buttons */
/*.btn {
  background: #1a1c20; color: var(--creuso-text); border: 1px solid #2a2d33; border-radius: 10px; padding: 8px 12px; cursor: pointer;
}
.btn.primary { background: var(--creuso-terra); border: none; color: #111; font-weight:700; }
.btn.warn { background: #2a1c12; border-color: #3a2618; color: #ffb788; }
.btn.success { background: #112218; border-color: #153523; color: #a5e1c4; }
.btn.danger { background: #2b1414; border-color: #3b1d1d; color: #ffb3b3; }
.btn.link { background: transparent; border: none; color: var(--creuso-terra); padding: 0; }*/

/* Chips/Badges */
/*.badge { display:inline-flex; align-items:center; gap:6px; padding:2px 8px; border-radius: 999px; font-size: 12px; border:1px solid #2a2d33; color: var(--creuso-muted); }
.badge.ok { color:#9de0b2; border-color:#1f9d55; }
.badge.warn { color:#ffd18b; border-color:#ffb020; }
.badge.danger { color:#ffb3b3; border-color:#e5534b; }*/

/* Lists */
/*.list { display:flex; flex-direction:column; gap: 8px; }
.list-item {
  display:flex; justify-content:space-between; align-items:center; gap:8px;
  background:#14161a; border:1px solid #222428; border-radius: 12px; padding:10px 12px;
}
.list-item .title { font-weight:600; }
.list-item .meta { color: var(--creuso-muted); font-size: 12px; }*/

/* Forms */
/*.input, select, textarea, input[type="date"], input[type="number"], input[type="text"] {
  background:#0f1012; border:1px solid #26282d; color: var(--creuso-text);
  border-radius: 8px; padding:8px 10px; width: 100%;
}
.form-row { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; }
@media (max-width: 600px) { .form-row { grid-template-columns: 1fr; } }*/

/* Floating action menu (mobile) */
.fab {
  position: fixed; right: 16px; bottom: 16px; z-index: 1100;
}
.fab .fab-btn {
  height: 56px; width: 56px; border-radius: 50%; background: var(--creuso-terra); color: #111; border: none; font-size: 28px; cursor: pointer;
}
.fab .fab-menu {
  position: absolute; right: 0; bottom: 70px; display:flex; flex-direction: column; gap: 8px;
}
.fab .fab-item { background:#1a1c20; color: var(--creuso-text); border:1px solid #2a2d33; border-radius: 10px; padding:8px 12px; white-space:nowrap; }

/* Toasts */
.toasts {
  position: fixed; right: 16px; top: 72px; display:flex; flex-direction: column; gap: 8px; z-index: 1200;
}
.toast {
  background:#111214; border:1px solid #26282d; color: var(--creuso-text); border-left: 4px solid var(--creuso-terra);
  border-radius: 10px; padding: 10px 14px; min-width: 240px; box-shadow: 0 6px 18px rgba(0,0,0,.35);
  display:flex; align-items:flex-start; gap:10px;
}
.toast.ok { border-left-color: var(--success); }
.toast.err { border-left-color: var(--danger); }
.toast.info { border-left-color: var(--info); }
.toast .toast-icon { font-size: 1.2rem; line-height: 1; margin-top: 2px; }
.toast .toast-message { flex: 1; font-size: 0.95rem; }

/* Empty state */
.empty {
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px;
  border:1px dashed #30343b; border-radius: 12px; padding: 24px; color: var(--creuso-muted);
}