/* Palette and typography match Drive and the customer account shell. */
:root {
  --id-bg: #fff; --id-sidebar: #f5f7fa; --id-panel: #fff; --id-hover: #f2f5fa;
  --id-line: #e4e9f0; --id-input-line: #cfd7e3; --id-text: #192333; --id-muted: #606c7d;
  --id-link: #245bea; --id-primary: #245bea; --id-primary-hover: #194bd0; --id-primary-muted: #eaf0ff;
  --id-danger: #b63d35; --id-danger-bg: #fff6f5; --id-success: #147653; --id-success-bg: #effaf5;
  --id-shadow: 0 12px 40px rgba(25,35,51,.06);
  --id-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html[data-color-scheme="dark"] {
  --id-bg: #15191f; --id-sidebar: #101419; --id-panel: #1b222c; --id-hover: #202a37;
  --id-line: #2b3543; --id-input-line: #3b485a; --id-text: #e8edf5; --id-muted: #a7b2c2;
  --id-link: #94b4ff; --id-primary: #2563eb; --id-primary-hover: #3b82f6; --id-primary-muted: #203052;
  --id-danger: #ff897e; --id-danger-bg: #291d20; --id-success: #67d8ae; --id-success-bg: #142d26;
  --id-shadow: 0 12px 40px rgba(0,0,0,.14);
}
html, body { background: var(--id-bg); color: var(--id-text); font-family: var(--id-font); -webkit-font-smoothing: antialiased; }
.infinidrive-appearance { display: flex; align-items: center; flex-shrink: 0; }
.infinidrive-appearance select { width: 118px; height: 36px; min-height: 36px; padding: 6px 10px; font: 500 13px/1.4 var(--id-font); background: var(--id-bg); color: var(--id-muted); border: 1px solid var(--id-line); border-radius: 8px; cursor: pointer; }
.infinidrive-appearance select:hover { background: var(--id-hover); color: var(--id-text); }
.infinidrive-appearance select:focus-visible { outline: 2px solid var(--id-primary); outline-offset: 3px; }
@media (max-width: 480px) { .infinidrive-appearance select { width: 102px; } }