:root {
  /* List View Variables */
  --bg: #f2f4f7;
  --card: #ffffff;
  --line: #ebedf0;
  --text-main: #172b4d;
  --text-sub: #5e6c84;
  --blue: #0052cc; --blue-light: #deebff;
  --green: #00875a; --green-light: #e3fcef;
  --red: #de350b; --red-light: #ffebe6;
  --orange: #ff991f; --orange-light: #fff7e6;
  --gold: #b38600; --gold-bg: #fff9db; --gold-border: #ffe58f;
  --shadow: 0 4px 16px rgba(0,0,0,0.06);
  --radius: 16px;
}

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--bg);
  color: var(--text-main);
  padding-bottom: 60px; /* Space for bottom nav */
  -webkit-tap-highlight-color: transparent;
}

* { box-sizing: border-box; }

html, body {
  height: 100%;
  overflow: hidden; /* Prevent global scrollbar, components handle their own scrolling */
}

#app {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Ensure components taking full height work properly */
.renwukanban-view {
  flex: 1;
}

@keyframes fadeIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@keyframes pulse { 50% { opacity: 0.6; } }
@keyframes flash { 50% { opacity: 0.4; } }