@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');

:root {
  --bg:#FFF8F0;
  --primary:#FF6B6B;
  --accent:#FFB347;
  --brown:#3D2B1F;
  --brown2:#7A5C4F;
  --brown3:#8B6355;
  --card:#FFFFFF;
  --green:#4CAF50;
  --orange:#FF9800;
  --red:#F44336;
  --shadow:0 4px 20px rgba(61,43,31,0.09);
  --shadow-lg:0 8px 32px rgba(61,43,31,0.16);
  --radius:18px;
  --radius-sm:12px;
  --header-icon:#3D2B1F;
  --border-color:rgba(61,43,31,0.06);
}

/* Dark mode: Dark Premium (#1A1A1A) con accenti rame/copper */
:root[data-theme="dark"] {
  --bg:#1A1A1A !important;
  --card:#252525 !important;
  --brown:#E0D6CC !important;
  --brown2:#B0A79E !important;
  --brown3:#706860 !important;
  --primary:#FF8585 !important;
  --accent:#FFC170 !important;
  --copper:#D4A574 !important;
  --copper2:#C78D5D !important;
  --green:#66BB6A !important;
  --orange:#FFA726 !important;
  --red:#EF5350 !important;
  --shadow:0 4px 20px rgba(0,0,0,0.4) !important;
  --shadow-lg:0 8px 32px rgba(0,0,0,0.5) !important;
  --header-icon:#E0D6CC !important;
  --border-color:rgba(255,255,255,0.06) !important;
}

[data-theme="dark"] .pbar { background:rgba(255,255,255,0.10) !important; }
[data-theme="dark"] .divider { background:rgba(212,165,116,0.08) !important; }
[data-theme="dark"] .avatar-frame::after { background:#252525 !important; }
[data-theme="dark"] .btn-secondary { border-color:rgba(212,165,116,0.1) !important; }
[data-theme="dark"] .ibox-coral { background:rgba(255,133,133,0.15) !important; }
[data-theme="dark"] .ibox-green { background:rgba(76,175,80,0.15) !important; }
[data-theme="dark"] .ibox-orange { background:rgba(212,165,116,0.15) !important; }
[data-theme="dark"] .ibox-blue { background:rgba(33,150,243,0.15) !important; }
[data-theme="dark"] .ibox-purple { background:rgba(156,39,176,0.15) !important; }
[data-theme="dark"] .tog.off { background:rgba(255,255,255,0.15) !important; }
[data-theme="dark"] .form-input { background:rgba(255,255,255,0.08) !important; border-color:rgba(255,255,255,0.20) !important; color:#E0D6CC !important; color-scheme:dark; }
[data-theme="dark"] .form-input:focus { background:rgba(255,255,255,0.13) !important; border-color:var(--primary) !important; box-shadow:0 0 0 3px rgba(255,133,133,0.18) !important; }
[data-theme="dark"] .form-input::placeholder { color:rgba(176,167,158,0.5) !important; }
[data-theme="dark"] .form-label { color:var(--brown2) !important; }
[data-theme="dark"] .ai-triage { background:linear-gradient(135deg,rgba(255,152,0,0.15),rgba(255,193,112,0.10)) !important; border-color:rgba(255,152,0,0.3) !important; }
/* Date input dark mode: forza colore testo anche nei pseudo-elementi browser */
[data-theme="dark"] input[type="date"]::-webkit-datetime-edit,
[data-theme="dark"] input[type="date"]::-webkit-datetime-edit-fields-wrapper,
[data-theme="dark"] input[type="date"]::-webkit-datetime-edit-text,
[data-theme="dark"] input[type="date"]::-webkit-datetime-edit-day-field,
[data-theme="dark"] input[type="date"]::-webkit-datetime-edit-month-field,
[data-theme="dark"] input[type="date"]::-webkit-datetime-edit-year-field { color:#E0D6CC !important; opacity:1 !important; }
[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator { filter:invert(0.8) brightness(1.2); cursor:pointer; }

* {
  margin:0;
  padding:0;
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

input, textarea, select, [contenteditable="true"] {
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
  user-select:text;
  -webkit-touch-callout:default;
}

html {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
}

html, body {
  overscroll-behavior: none;
}

body {
  font-family:'Nunito',sans-serif;
  background:var(--bg);
  overflow:hidden;
  touch-action: pan-y;
}