<!--
  SCHEDA COSTI — Template raccolta costi cliente (AR Revenue)
  Livello 1: il cliente compila i costi annuali di OGNI suo alloggio.
  Multi-alloggio con selettore + contatore avanzamento. Client-side (Blocco B).
  Persistenza cloud + deploy → Blocco C/D.

  Pagina UNICA multi-cliente: il cliente arriva da ?c=<cliente_id> nell'URL.
  Alloggi + costi caricati/salvati via backend Cloudflare (/api/costi). Nessun segnaposto da iniettare.
  Link cliente: https://arrevenue-schede-costi.pages.dev/?c=<cliente_id>
    data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAH0AfQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD5UooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACtHQdF1DXr8WWlW5nudpfbuC4A6nJIFZ1e5fADRfJ0y+1iVfnuG8iIn+4vLEfVuP+A114LDfWaypvbqcWYYr6pQdVb9PU8h8QaFqPh69W01e3NvOyCRV3qwKkkZyCR1BrLr3v496L9r0C21WJcyWUmyQj/nm+B+jbfzNeCU8dhvq1Z01t0Fl2L+t0FUe/UKKKK4zuJra2nun2W0EszekaFj+la1v4S8Q3GDFompEHubd1H5kV7t8Ff+SfWX/XSX/0M1280scKb5pEjT+87ACvfw+TQqU41JT3Vz5rFZ7OlVlShBaO258vp8P/ABU440W5H1Kj+Zps/gLxRCpL6Ldkf7ADn9Ca+lH13SEOH1WwU+huEH9amtdTsLxttpe2s7ekUqsf0Nbf2Nh3opu/yMP7exS1dNW+Z8j31heWEnl31pcWz/3Zoyh/Iiq1fY93awXkDQXcEU8LcNHIgZT9Qa8l+IHwpge3lv8AwuhjmQFnss5Vx32eh9unpiuTE5NUpLmpvmX4nbhM+p1ZKFVcr79P+AeJUUpBBIIII4INJXinvhRX2d4a/Zg8GHT7W51C+1m7kliWRl85I0yQDwAmf1rqrb9nX4awgeZok8+P+el9OM/98uKAPgeiv0F/4UJ8M9m3/hF4sf8AX3cZ/PzKwtZ/Zo+H1/EwsoNR0x+zW92z4/CTdQB8L0V7v8Tv2b/EXha1m1Hw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ua3OJIWPujZGfcDPvQB9f+Kf2bfAet3L3FpDe6PK5yVsZgI8/wC44YAey4FYFp+yl4USYNc63rc0YOdimJM/jsNeb6d+1V4vgjC32k6JdEfxqkkZP1w5H5AUah+1V4vmjK2Wk6JbE/xNHJIR9PnA/SgD6c8D/DLwh4GHm6BpEEN0FIa7mJkmx3+dslR7DAr4r/aKtvD0PxU1SXwrf295aXJE84tzlIZyT5ihhweRu4zgsR2rL8Z/FXxp4xjeHW9duXtH62sGIYiPQqgG7/gWa4egAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigD//Z      logo AR Revenue base64
    (il logo AR Revenue è incorporato qui sopra in base64)
-->
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AR Revenue · Scheda Costi</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
<style>
  :root {
    --ar-blue: #29B6F6; --ar-blue-glow: rgba(41,182,246,0.4); --ar-blue-dark: #0288D1;
    --ar-gold: #F5B945; --ar-positive: #34D399; --ar-warning: #FBBF24; --ar-critical: #F87171;
    --bg-deep: #07090F; --bg-main: #0B0F1A; --bg-elevated: #131825; --bg-card: #161C2B;
    --border-subtle: rgba(255,255,255,0.06); --border-medium: rgba(255,255,255,0.10); --border-strong: rgba(255,255,255,0.18);
    --text-primary: #F1F5F9; --text-secondary: #94A3B8; --text-tertiary: #64748B;
  }
  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { background: var(--bg-deep); color: var(--text-primary); font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif; -webkit-font-smoothing: antialiased; margin: 0; }
  .mono { font-family: 'JetBrains Mono', 'Consolas', monospace; font-feature-settings: 'tnum'; }
  .display, .section-h, .big-name { font-family: 'Playfair Display', Georgia, serif; }
  .icon { width: 18px; height: 18px; stroke-width: 2; vertical-align: middle; }
  .icon-sm { width: 14px; height: 14px; stroke-width: 2; vertical-align: middle; }

  .hero {
    background:
      radial-gradient(ellipse 80% 60% at 20% 0%, rgba(41,182,246,0.12) 0%, transparent 60%),
      radial-gradient(ellipse 60% 50% at 90% 100%, rgba(245,185,69,0.06) 0%, transparent 60%),
      linear-gradient(180deg, #0B0F1A 0%, #07090F 100%);
    border-bottom: 1px solid var(--border-subtle);
  }
  .logo-mark { height: 48px; width: auto; border-radius: 8px; filter: drop-shadow(0 4px 20px rgba(41,182,246,0.4)); }

  /* NAV alloggi */
  .navbar { background: var(--bg-elevated); border-bottom: 1px solid var(--border-subtle); position: sticky; top: 0; z-index: 30; }
  .nav-btn { background: rgba(255,255,255,0.04); border: 1px solid var(--border-medium); color: var(--text-secondary); width: 40px; height: 44px; border-radius: 10px; cursor: pointer; font-size: 1.2rem; transition: all 0.2s; }
  .nav-btn:hover { background: rgba(41,182,246,0.1); color: var(--ar-blue); border-color: var(--ar-blue); }
  .nav-btn:disabled { opacity: 0.3; cursor: not-allowed; }
  .alloggio-select {
    background: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-elevated) 100%);
    border: 1.5px solid var(--ar-blue); color: var(--text-primary); font-weight: 600; font-size: 1rem;
    padding: 11px 44px 11px 16px; border-radius: 11px; cursor: pointer; appearance: none; min-width: 260px;
    box-shadow: 0 6px 20px -6px var(--ar-blue-glow);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2329B6F6' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 14px center; background-size: 16px;
  }
  .alloggio-select option { background: var(--bg-card); color: var(--text-primary); }
  .progress-track { height: 8px; background: rgba(255,255,255,0.06); border-radius: 99px; overflow: hidden; }
  .progress-fill { height: 100%; background: linear-gradient(90deg, var(--ar-blue), var(--ar-positive)); border-radius: 99px; transition: width 0.4s cubic-bezier(0.4,0,0.2,1); }

  .big-name { font-size: 2.4rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1; text-shadow: 0 0 40px rgba(41,182,246,0.2); }

  .premium-card { background: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-elevated) 100%); border: 1px solid var(--border-subtle); border-radius: 14px; }
  .section-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--text-tertiary); font-weight: 700; margin-bottom: 14px; }
  .section-h { font-size: 1.35rem; font-weight: 700; letter-spacing: -0.02em; }

  label.fld { display: block; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-tertiary); font-weight: 700; margin-bottom: 6px; }
  .inp { width: 100%; background: rgba(255,255,255,0.03); border: 1px solid var(--border-medium); color: var(--text-primary); border-radius: 10px; padding: 11px 14px; font-size: 0.95rem; font-family: 'Inter', sans-serif; transition: all 0.2s; }
  .inp:focus { outline: none; border-color: var(--ar-blue); box-shadow: 0 0 0 3px rgba(41,182,246,0.15); background: rgba(255,255,255,0.05); }
  .inp::placeholder { color: var(--text-tertiary); }
  select.inp { appearance: none; cursor: pointer; padding-right: 40px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2329B6F6' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 16px;
  }
  select.inp optgroup { background: var(--bg-deep); color: var(--ar-gold); font-weight: 700; }
  select.inp option { background: var(--bg-card); color: var(--text-primary); }

  .giorni-badge { font-family: 'JetBrains Mono', monospace; font-weight: 700; color: var(--ar-blue); text-shadow: 0 0 20px rgba(41,182,246,0.4); }

  .cost-row { display: grid; grid-template-columns: 1fr 130px 1fr 40px; gap: 10px; align-items: center; padding: 11px; border-radius: 12px; background: rgba(255,255,255,0.02); border: 1px solid var(--border-subtle); margin-bottom: 9px; }
  .cost-row.is-fisso { border-left: 2px solid var(--ar-blue); }
  .cost-row.is-variabile { border-left: 2px solid var(--ar-positive); }
  @media (max-width: 640px) { .cost-row { grid-template-columns: 1fr 1fr; } .cost-row .desc-cell, .cost-row .del-cell { grid-column: span 2; } }

  .btn-del { background: rgba(248,113,113,0.08); color: var(--ar-critical); border: 1px solid rgba(248,113,113,0.2); border-radius: 8px; width: 36px; height: 36px; cursor: pointer; font-size: 1.1rem; transition: all 0.2s; }
  .btn-del:hover { background: rgba(248,113,113,0.18); }
  .btn-add { background: rgba(41,182,246,0.08); color: var(--ar-blue); border: 1px dashed var(--ar-blue); border-radius: 10px; padding: 12px; font-weight: 600; cursor: pointer; transition: all 0.2s; width: 100%; }
  .btn-add:hover { background: rgba(41,182,246,0.15); }
  /* Bottone principale — rialzo 3D + glow (Design System) */
  .btn-save { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    background: linear-gradient(135deg, var(--ar-blue) 0%, var(--ar-blue-dark) 100%); color: white;
    border: 1px solid var(--ar-blue); border-radius: 12px; padding: 14px 30px; font-weight: 700; font-size: 1rem; cursor: pointer;
    box-shadow: 0 5px 0 -1px var(--ar-blue-dark), 0 12px 24px -8px var(--ar-blue-glow);
    transition: transform 0.12s cubic-bezier(0.4,0,0.2,1), box-shadow 0.12s cubic-bezier(0.4,0,0.2,1); }
  .btn-save:hover { transform: translateY(-2px); box-shadow: 0 7px 0 -1px var(--ar-blue-dark), 0 18px 32px -8px var(--ar-blue-glow), 0 0 26px -2px var(--ar-blue-glow); }
  .btn-save:active { transform: translateY(3px); box-shadow: 0 2px 0 -1px var(--ar-blue-dark), 0 5px 12px -4px var(--ar-blue-glow); }
  .btn-save.is-soft { background: rgba(255,255,255,0.04); color: var(--text-primary); border-color: var(--border-medium); box-shadow: 0 5px 0 -1px rgba(0,0,0,0.45), 0 10px 22px -8px rgba(0,0,0,0.55); }
  .btn-save.is-soft:hover { border-color: var(--ar-blue); box-shadow: 0 7px 0 -1px rgba(0,0,0,0.45), 0 16px 30px -8px rgba(0,0,0,0.6), 0 0 24px -2px var(--ar-blue-glow); }

  .side-panel { position: sticky; top: 96px; }
  .tot-line { display: flex; justify-content: space-between; align-items: baseline; padding: 12px 0; border-bottom: 1px dashed var(--border-medium); }
  .tot-line:last-child { border-bottom: none; }
  .tot-label { font-size: 0.78rem; color: var(--text-secondary); font-weight: 600; }
  .tot-val { font-family: 'JetBrains Mono', monospace; font-weight: 700; font-size: 1.05rem; }
  .glow-blue { color: var(--ar-blue); } .glow-green { color: var(--ar-positive); } .glow-gold { color: var(--ar-gold); }
  .grand-tot { font-size: 1.6rem; font-weight: 800; color: var(--ar-gold); text-shadow: 0 0 24px rgba(245,185,69,0.35); font-feature-settings: 'tnum'; }

  @media (min-width: 880px) { #costiGrid { grid-template-columns: 1.7fr 1fr !important; } }
</style>
</head>
<body>

<!-- HEADER -->
<div class="hero">
  <div style="max-width:1180px; margin:0 auto; padding:22px 24px;">
    <div style="display:flex; align-items:center; gap:16px;">
      <img class="logo-mark" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAH0AfQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD5UooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACtHQdF1DXr8WWlW5nudpfbuC4A6nJIFZ1e5fADRfJ0y+1iVfnuG8iIn+4vLEfVuP+A114LDfWaypvbqcWYYr6pQdVb9PU8h8QaFqPh69W01e3NvOyCRV3qwKkkZyCR1BrLr3v496L9r0C21WJcyWUmyQj/nm+B+jbfzNeCU8dhvq1Z01t0Fl2L+t0FUe/UKKKK4zuJra2nun2W0EszekaFj+la1v4S8Q3GDFompEHubd1H5kV7t8Ff+SfWX/XSX/0M1280scKb5pEjT+87ACvfw+TQqU41JT3Vz5rFZ7OlVlShBaO258vp8P/ABU440W5H1Kj+Zps/gLxRCpL6Ldkf7ADn9Ca+lH13SEOH1WwU+huEH9amtdTsLxttpe2s7ekUqsf0Nbf2Nh3opu/yMP7exS1dNW+Z8j31heWEnl31pcWz/3Zoyh/Iiq1fY93awXkDQXcEU8LcNHIgZT9Qa8l+IHwpge3lv8AwuhjmQFnss5Vx32eh9unpiuTE5NUpLmpvmX4nbhM+p1ZKFVcr79P+AeJUUpBBIIII4INJXinvhRX2d4a/Zg8GHT7W51C+1m7kliWRl85I0yQDwAmf1rqrb9nX4awgeZok8+P+el9OM/98uKAPgeiv0F/4UJ8M9m3/hF4sf8AX3cZ/PzKwtZ/Zo+H1/EwsoNR0x+zW92z4/CTdQB8L0V7v8Tv2b/EXha1m1Hw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ua3OJIWPujZGfcDPvQB9f+Kf2bfAet3L3FpDe6PK5yVsZgI8/wC44YAey4FYFp+yl4USYNc63rc0YOdimJM/jsNeb6d+1V4vgjC32k6JdEfxqkkZP1w5H5AUah+1V4vmjK2Wk6JbE/xNHJIR9PnA/SgD6c8D/DLwh4GHm6BpEEN0FIa7mJkmx3+dslR7DAr4r/aKtvD0PxU1SXwrf295aXJE84tzlIZyT5ihhweRu4zgsR2rL8Z/FXxp4xjeHW9duXtH62sGIYiPQqgG7/gWa4egAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigD//Z" alt="AR Revenue">
      <div>
        <div style="font-size:0.68rem; text-transform:uppercase; letter-spacing:0.18em; color:var(--ar-blue); font-weight:700;">AR Revenue · Scheda Costi</div>
        <div style="font-size:1.25rem; font-weight:800; letter-spacing:-0.02em;" id="hdrCliente"></div>
      </div>
    </div>
  </div>
</div>

<!-- NAVBAR ALLOGGI -->
<div class="navbar">
  <div style="max-width:1180px; margin:0 auto; padding:14px 24px;">
    <div style="display:flex; align-items:center; gap:12px; flex-wrap:wrap;">
      <button class="nav-btn" id="btnPrev" onclick="vai(-1)"><i data-lucide="chevron-left" class="icon"></i></button>
      <select class="alloggio-select" id="selAlloggio" onchange="loadAlloggio(this.selectedIndex)"></select>
      <button class="nav-btn" id="btnNext" onclick="vai(1)"><i data-lucide="chevron-right" class="icon"></i></button>
      <div style="flex:1; min-width:200px; margin-left:8px;">
        <div style="display:flex; justify-content:space-between; font-size:0.72rem; color:var(--text-secondary); margin-bottom:5px;">
          <span>Avanzamento</span>
          <span class="mono" id="contatore" style="color:var(--ar-positive); font-weight:700;">0 / 0 completate</span>
        </div>
        <div class="progress-track"><div class="progress-fill" id="progressFill" style="width:0%;"></div></div>
      </div>
    </div>
  </div>
</div>

<div style="max-width:1180px; margin:0 auto; padding:30px 24px 80px;">

  <!-- NOME GRANDE -->
  <div class="big-name" id="bigName" style="margin-bottom:6px;">—</div>
  <div style="color:var(--text-tertiary); font-size:0.9rem; margin-bottom:28px;">Inserisci i costi <strong style="color:var(--text-secondary);">annuali</strong> di questo alloggio — al resto pensiamo noi.</div>

  <!-- STRUTTURA -->
  <div class="premium-card" style="padding:24px; margin-bottom:24px;">
    <div class="section-title">01 — Periodo e parametri</div>
    <!-- riga 1: unità, date, commissioni OTA -->
    <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:16px; align-items:end;">
      <div><label class="fld">N° unità / camere</label><input class="inp" id="fUnita" type="number" min="1" value="1" oninput="recalc()"></div>
      <div><label class="fld">Aperto dal</label><input class="inp" id="fInizio" type="date" onchange="calcGiorni()"></div>
      <div><label class="fld">Aperto al</label><input class="inp" id="fFine" type="date" onchange="calcGiorni()"></div>
      <div><label class="fld" style="color:#4f9bff;">Commissione Booking %</label>
        <div style="position:relative;">
          <span style="position:absolute; left:11px; top:50%; transform:translateY(-50%); display:flex; pointer-events:none;"><svg width="22" height="22" viewBox="0 0 24 24"><rect width="24" height="24" rx="6" fill="#003580"/><text x="12" y="18" font-size="16" font-weight="900" fill="#fff" text-anchor="middle" font-family="Arial, sans-serif">B</text></svg></span>
          <input class="inp" id="fOtaBooking" type="number" min="0" step="0.1" placeholder="es. 15" style="padding-left:44px;" oninput="recalc()">
        </div>
      </div>
      <div><label class="fld" style="color:#ff6b85;">Commissione Airbnb %</label>
        <div style="position:relative;">
          <span style="position:absolute; left:11px; top:50%; transform:translateY(-50%); display:flex; pointer-events:none;"><svg width="22" height="22" viewBox="0 0 24 24" fill="#FF385C"><path d="M12.001 18.275c-1.353-1.697-2.148-3.184-2.413-4.457-.263-1.027-.16-1.848.291-2.465.477-.71 1.188-1.056 2.121-1.056s1.643.345 2.12 1.063c.446.61.558 1.432.286 2.465-.291 1.298-1.085 2.785-2.412 4.458zm9.601 1.14c-.185 1.246-1.034 2.28-2.2 2.783-2.253.98-4.483-.583-6.392-2.704 3.157-3.951 3.74-7.028 2.385-9.018-.795-1.14-1.933-1.695-3.394-1.695-2.944 0-4.563 2.49-3.927 5.382.37 1.565 1.352 3.343 2.917 5.332-.98 1.085-1.91 1.856-2.732 2.333-.636.344-1.245.558-1.828.609-2.679.399-4.778-2.2-3.825-4.88.132-.345.395-.98.845-1.961l.025-.053c1.464-3.178 3.242-6.79 5.285-10.795l.053-.132.58-1.116c.45-.822.635-1.19 1.351-1.643.346-.21.77-.315 1.246-.315.954 0 1.698.558 2.016 1.007.158.239.345.557.582.953l.558 1.089.08.159c2.041 4.004 3.821 7.608 5.279 10.794l.026.025.533 1.22.318.764c.243.613.294 1.222.213 1.858zm1.22-2.39c-.186-.583-.505-1.271-.9-2.094v-.03c-1.889-4.006-3.642-7.608-5.307-10.844l-.111-.163C15.317 1.461 14.468 0 12.001 0c-2.44 0-3.476 1.695-4.535 3.898l-.081.16c-1.669 3.236-3.421 6.843-5.303 10.847v.053l-.559 1.22c-.21.504-.317.768-.345.847C-.172 20.74 2.611 24 5.98 24c.027 0 .132 0 .265-.027h.372c1.75-.213 3.554-1.325 5.384-3.317 1.829 1.989 3.635 3.104 5.382 3.317h.372c.133.027.239.027.265.027 3.37.003 6.152-3.261 4.802-6.975z"/></svg></span>
          <input class="inp" id="fOtaAirbnb" type="number" min="0" step="0.1" placeholder="es. 15" style="padding-left:44px;" oninput="recalc()">
        </div>
      </div>
    </div>
    <!-- riga 2: giorni, occupazione anno prec, proposta AR Revenue -->
    <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:16px; align-items:end; margin-top:16px;">
      <div style="padding:11px 16px; border-radius:10px; background:rgba(41,182,246,0.06); border:1px solid rgba(41,182,246,0.15); text-align:center;">
        <div style="font-size:0.62rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-tertiary); font-weight:700;">Giorni apertura</div>
        <div class="giorni-badge" id="giorniApertura" style="font-size:1.4rem;">—</div>
      </div>
      <div><label class="fld" style="color:#5ad1a8;">Occupazione anno prec. %</label><input class="inp" id="fOcc" type="number" min="0" max="100" step="1" placeholder="es. 44" oninput="recalc()"></div>
      <div style="padding:11px 16px; border-radius:10px; background:rgba(245,185,69,0.10); border:1px solid rgba(245,185,69,0.30); text-align:center;">
        <div style="font-size:0.62rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-tertiary); font-weight:700;">Proposta AR Revenue</div>
        <div class="mono" style="font-size:1.4rem; font-weight:800; color:#ffd166; text-shadow:0 0 22px rgba(245,185,69,0.7);">63%</div>
        <div style="font-size:0.6rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-tertiary); font-weight:700; margin-top:1px;">occupazione</div>
      </div>
    </div>
  </div>

  <!-- COSTI + PANNELLO -->
  <div style="display:grid; grid-template-columns:1fr; gap:24px;" id="costiGrid">
    <div class="premium-card" style="padding:24px;">
      <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;">
        <div class="section-h">02 — I tuoi costi</div>
        <div style="font-size:0.78rem; color:var(--text-tertiary);">
          <span style="color:var(--ar-blue);">▌</span> fisso &nbsp; <span style="color:var(--ar-positive);">▌</span> variabile
        </div>
      </div>
      <div id="costRows"></div>
      <button class="btn-add" onclick="addRow()"><i data-lucide="plus" class="icon-sm" style="margin-right:6px;"></i>Aggiungi voce di costo</button>
    </div>

    <!-- PANNELLO LATERALE: grafico + totali -->
    <div class="side-panel">
      <div class="premium-card" style="padding:24px;">
        <div class="section-title">Ripartizione costi</div>
        <div style="position:relative; height:200px; margin-bottom:8px;">
          <canvas id="donut"></canvas>
          <div style="position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; pointer-events:none;">
            <div style="font-size:0.62rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-tertiary); font-weight:700;">Totale anno</div>
            <div class="grand-tot mono" id="centerTot">€ 0</div>
          </div>
        </div>
        <div class="tot-line"><span class="tot-label"><span style="color:var(--ar-blue);">●</span> Fissi <span id="pctFissi" style="color:var(--text-tertiary); font-size:0.72rem;"></span></span><span class="tot-val glow-blue mono" id="totFissi">€ 0</span></div>
        <div class="tot-line"><span class="tot-label"><span style="color:var(--ar-positive);">●</span> Variabili <span id="pctVar" style="color:var(--text-tertiary); font-size:0.72rem;"></span></span><span class="tot-val glow-green mono" id="totVariabili">€ 0</span></div>
      </div>

      <!-- PREZZI PER NOTTE (lato cliente) -->
      <div class="premium-card" style="padding:24px; margin-top:16px;">
        <div class="section-title" style="margin-bottom:14px;">Costo / prezzo per notte</div>

        <!-- A · teorico (occ 100%) -->
        <div style="display:flex; justify-content:space-between; align-items:baseline; margin-bottom:6px;">
          <span style="color:var(--text-secondary); font-size:0.82rem;">① Costo teorico <span style="color:var(--text-tertiary); font-size:0.7rem;">occ. 100%</span></span>
          <span class="mono" id="prezzoTeorico" style="font-size:1.35rem; font-weight:800; color:#5ec6ff; text-shadow:0 0 22px rgba(94,198,255,0.55);">—</span>
        </div>
        <!-- B · costo reale (occ 63%) -->
        <div style="display:flex; justify-content:space-between; align-items:baseline; margin-bottom:14px;">
          <span style="color:var(--text-secondary); font-size:0.82rem;">② Costo reale <span style="color:var(--text-tertiary); font-size:0.7rem;">occ. 63%</span></span>
          <span class="mono" id="costoReale63" style="font-size:1.35rem; font-weight:800; color:#5ec6ff; text-shadow:0 0 22px rgba(94,198,255,0.55);">—</span>
        </div>
        <!-- C · prezzo base finale (occ 63% + OTA peggiore = Booking) -->
        <div style="display:flex; justify-content:space-between; align-items:center; padding-top:16px; border-top:1px solid var(--border-medium);">
          <span style="color:var(--text-primary); font-weight:700; font-size:0.9rem; line-height:1.3;">③ Prezzo base<br>
            <span style="color:var(--ar-gold); font-size:0.7rem; font-weight:600;">occ. 63% + OTA Booking <span class="mono" id="otaRealeBase">—</span></span>
          </span>
          <span class="mono" id="prezzoBase" style="font-size:2.5rem; font-weight:800; color:#ffd166; text-shadow:0 0 36px rgba(245,185,69,0.75);">—</span>
        </div>
        <div style="font-size:0.72rem; color:var(--text-tertiary); margin-top:12px; line-height:1.45;"><strong style="color:var(--text-secondary);">Sotto questo prezzo ci rimetti.</strong> Calcolato sull'OTA più cara (Booking); Airbnb serve per il margine.</div>
      </div>
      <button class="btn-save is-soft" style="width:100%; margin-top:16px;" onclick="salvaEProssimo()">Salva e vai al prossimo<i data-lucide="arrow-right" class="icon"></i></button>
      <button class="btn-save" id="btnSalvaCloud" style="width:100%; margin-top:10px;" onclick="salvaCloud()"><i data-lucide="save" class="icon"></i>Salva i miei costi</button>
      <div id="saveStatus" style="text-align:center; font-size:0.78rem; margin-top:8px; min-height:18px; color:var(--text-secondary);"></div>
      <p style="color:var(--text-tertiary); font-size:0.76rem; margin-top:6px; text-align:center;">I tuoi dati vengono salvati: li ritrovi riaprendo il link.</p>
    </div>
  </div>

</div>

<script>
  // === Tassonomia categorie ===
  const FISSI = [
    "Affitto / Mutuo","Condominio","Assicurazione","IMU / Tasse sull'immobile","TARI (rifiuti)",
    "Internet / WiFi","Canone TV / RAI","Abbonamenti / Streaming","PMS / Channel Manager",
    "Software / Informatica","Commercialista / Consulenza fiscale","Consulenti esterni",
    "Manutenzione programmata / Giardinaggio","Allarme / Sicurezza","Spese bancarie",
    "Staff fisso (personale proprietario)","Ammortamenti","Marketing","Altro costo fisso"
  ];
  const VARIABILI = [
    "Pulizie / Housekeeping","Lavanderia / Biancheria","Prodotti pulizia e igiene",
    "Kit di benvenuto / Cortesia","Consumabili ospite (caffè, acqua)","Colazione / Breakfast",
    "Check-in / Accoglienza","Staff a chiamata","Manutenzione straordinaria",
    "Materiale di cancelleria","Altro costo variabile"
  ];
  // UTENZE: il cliente può mettere il TOTALE unico, oppure separate (Luce/Acqua/Gas).
  // In ogni caso lo split 40% fisso / 60% variabile lo facciamo noi nel cockpit.
  const UTENZE = [
    "Utenze — Luce / Acqua / Gas (bollette consumi)",
    "Utenze — Luce",
    "Utenze — Acqua",
    "Utenze — Gas"
  ];
  const FISSI_SET = new Set(FISSI);

  // === Stato multi-alloggio ===
  let ALLOGGI = [];  // popolato dal backend (GET /api/costi?c=...) o dal localStorage
  let cur = 0;

  function optionsHtml() {
    let h = '<option value="">— scegli categoria —</option>';
    h += '<optgroup label="COSTI FISSI">' + FISSI.map(c => `<option value="${c}">${c}</option>`).join('') + '</optgroup>';
    h += '<optgroup label="COSTI VARIABILI">' + VARIABILI.map(c => `<option value="${c}">${c}</option>`).join('') + '</optgroup>';
    h += '<optgroup label="UTENZE (metti il totale, allo split pensiamo noi)">' + UTENZE.map(c => `<option value="${c}">${c}</option>`).join('') + '</optgroup>';
    return h;
  }
  function statusIcon(a) { return a.done ? '✓' : (a.voci.length ? '◐' : '○'); }

  function renderSelector() {
    const sel = document.getElementById('selAlloggio');
    sel.innerHTML = ALLOGGI.map((a,i) => `<option ${i===cur?'selected':''}>${statusIcon(a)}  ${a.nome}</option>`).join('');
    document.getElementById('btnPrev').disabled = (cur === 0);
    document.getElementById('btnNext').disabled = (cur === ALLOGGI.length - 1);
  }
  function updateProgress() {
    const done = ALLOGGI.filter(a => a.done).length;
    document.getElementById('contatore').textContent = `${done} / ${ALLOGGI.length} completate`;
    document.getElementById('progressFill').style.width = (done / ALLOGGI.length * 100) + '%';
  }

  function addRow(cat = "", imp = "", desc = "") {
    const wrap = document.getElementById('costRows');
    const row = document.createElement('div');
    row.className = 'cost-row';
    row.innerHTML = `
      <select class="inp cat" onchange="recalc()">${optionsHtml()}</select>
      <input class="inp imp" type="number" min="0" step="1" placeholder="&euro; / anno" oninput="recalc()">
      <input class="inp desc desc-cell" placeholder="nota (facoltativa)">
      <button class="btn-del del-cell" onclick="this.parentElement.remove(); recalc();"><i data-lucide="x" class="icon-sm"></i></button>`;
    wrap.appendChild(row);
    if (window.lucide) lucide.createIcons();
    if (cat) row.querySelector('.cat').value = cat;
    if (imp) row.querySelector('.imp').value = imp;
    if (desc) row.querySelector('.desc').value = desc;
    recalc();
  }

  function fmt(n) { return '€ ' + Math.round(n||0).toLocaleString('it-IT'); }

  function recalc() {
    let fissi = 0, variabili = 0;
    document.querySelectorAll('.cost-row').forEach(row => {
      const cat = row.querySelector('.cat').value;
      const imp = parseFloat(row.querySelector('.imp').value) || 0;
      row.classList.remove('is-fisso','is-variabile');
      if (!cat) return;
      if (FISSI_SET.has(cat)) { fissi += imp; row.classList.add('is-fisso'); }
      else { variabili += imp; row.classList.add('is-variabile'); }
    });
    const tot = fissi + variabili;
    document.getElementById('totFissi').textContent = fmt(fissi);
    document.getElementById('totVariabili').textContent = fmt(variabili);
    document.getElementById('centerTot').textContent = fmt(tot);
    document.getElementById('pctFissi').textContent = tot ? `(${Math.round(fissi/tot*100)}%)` : '';
    document.getElementById('pctVar').textContent = tot ? `(${Math.round(variabili/tot*100)}%)` : '';
    donut.data.datasets[0].data = [fissi, variabili];
    donut.update('none');

    // Prezzi per notte (lato cliente): ① teorico occ.100% · ② prezzo base occ.63% + OTA reale
    const unita = parseFloat(document.getElementById('fUnita').value) || 0;
    const nottiDisp = unita * giorniAperturaNum();
    const OCC_GOAL = 0.63;                                          // occupazione prevista (target AR Revenue)
    const otaReale = pct => (pct / 100 + 0.015) * 1.22;            // + 1,5% transazione bancaria, × 1,22 IVA
    const otaBk = parseFloat(document.getElementById('fOtaBooking').value) || 0;
    const otaAb = parseFloat(document.getElementById('fOtaAirbnb').value) || 0;
    const rPeggiore = Math.max(otaReale(otaBk), otaReale(otaAb));  // OTA peggiore = prezzo base prudente (di norma Booking)
    const setTxt = (id, v) => { const e = document.getElementById(id); if (e) e.textContent = v; };
    setTxt('otaRealeBase', (otaBk || otaAb) ? (rPeggiore * 100).toFixed(1) + '%' : '—');
    if (nottiDisp > 0 && tot > 0) {
      const venduteAttese = nottiDisp * OCC_GOAL;                  // notti vendute previste (63%)
      setTxt('prezzoTeorico', fmt(tot / nottiDisp));              // A · costi ÷ 365
      setTxt('costoReale63', fmt(tot / venduteAttese));          // B · costi ÷ (365 × 63%)
      setTxt('prezzoBase', fmt(tot / venduteAttese / Math.max(1 - rPeggiore, 0.01)));  // C · B ÷ (1 − OTA peggiore)
    } else {
      setTxt('prezzoTeorico', '—'); setTxt('costoReale63', '—'); setTxt('prezzoBase', '—');
    }
  }

  function giorniAperturaNum() {
    const a = document.getElementById('fInizio').value, b = document.getElementById('fFine').value;
    if (a && b) { const d = Math.round((new Date(b) - new Date(a)) / 86400000) + 1; return d > 0 ? d : 0; }
    return 0;
  }
  function calcGiorni() {
    const d = giorniAperturaNum();
    document.getElementById('giorniApertura').textContent = d > 0 ? d : '—';
    recalc();
  }

  function readForm() {
    return {
      unita: document.getElementById('fUnita').value,
      dal: document.getElementById('fInizio').value,
      al: document.getElementById('fFine').value,
      ota_booking: parseFloat(document.getElementById('fOtaBooking').value) || 0,
      ota_airbnb: parseFloat(document.getElementById('fOtaAirbnb').value) || 0,
      occ_anno_prec: parseFloat(document.getElementById('fOcc').value) || 0,
      voci: [...document.querySelectorAll('.cost-row')].map(r => ({
        categoria: r.querySelector('.cat').value,
        importo_annuo: parseFloat(r.querySelector('.imp').value) || 0,
        nota: r.querySelector('.desc').value
      })).filter(v => v.categoria)
    };
  }
  function saveCurrentToState() {
    const f = readForm();
    ALLOGGI[cur].unita = f.unita; ALLOGGI[cur].dal = f.dal; ALLOGGI[cur].al = f.al;
    ALLOGGI[cur].ota_booking = f.ota_booking; ALLOGGI[cur].ota_airbnb = f.ota_airbnb; ALLOGGI[cur].occ_anno_prec = f.occ_anno_prec;
    ALLOGGI[cur].voci = f.voci;
    salvaInLocale();
  }

  let _firstLoad = true;
  function loadAlloggio(i) {
    if (!_firstLoad) saveCurrentToState();
    _firstLoad = false;
    cur = i;
    const a = ALLOGGI[cur];
    document.getElementById('bigName').textContent = a.nome;
    document.getElementById('fUnita').value = a.unita || 1;
    document.getElementById('fInizio').value = a.dal || "";
    document.getElementById('fFine').value = a.al || "";
    document.getElementById('fOtaBooking').value = a.ota_booking || "";
    document.getElementById('fOtaAirbnb').value = a.ota_airbnb || "";
    document.getElementById('fOcc').value = a.occ_anno_prec || "";
    document.getElementById('costRows').innerHTML = "";
    if (a.voci.length) a.voci.forEach(v => addRow(v.categoria, v.importo_annuo, v.nota));
    else { addRow(); addRow(); addRow(); }
    calcGiorni(); recalc(); renderSelector(); updateProgress();
    window.scrollTo({top:0, behavior:'smooth'});
  }

  function vai(delta) { const n = cur + delta; if (n >= 0 && n < ALLOGGI.length) loadAlloggio(n); }

  function salvaEProssimo() {
    saveCurrentToState();
    ALLOGGI[cur].done = true;
    salvaInLocale();
    renderSelector(); updateProgress();
    if (cur < ALLOGGI.length - 1) loadAlloggio(cur + 1);
    else alert('Hai completato tutti gli alloggi. Grazie!');
  }

  // === Persistenza cloud (Blocco C) ===
  const CLIENT_ID = new URLSearchParams(location.search).get('c') || '';  // cliente dall'URL ?c=...
  const API_URL   = "/api/costi";                        // backend Cloudflare Pages Function (stessa origine)
  const CLOUD_ON  = !!CLIENT_ID;                          // attivo quando c'è un cliente nell'URL

  // === Rete di sicurezza locale (localStorage) ===
  // Il cliente ritrova SEMPRE i suoi dati alla riapertura, anche se la lettura cloud fallisce.
  const LS_KEY = "arrev_scheda_" + CLIENT_ID;

  function salvaInLocale() {
    try {
      const payload = ALLOGGI.map(a => ({
        nome: a.nome, unita: a.unita || 1, dal: a.dal || '', al: a.al || '',
        ota_booking: a.ota_booking || 0, ota_airbnb: a.ota_airbnb || 0, occ_anno_prec: a.occ_anno_prec || 0,
        voci: (a.voci || []).filter(v => v.categoria), done: !!a.done
      }));
      localStorage.setItem(LS_KEY, JSON.stringify(payload));
    } catch (err) { /* incognito o storage pieno: si ignora, niente crash */ }
  }

  function caricaDaLocale() {
    try {
      const raw = localStorage.getItem(LS_KEY);
      if (!raw) return false;
      const saved = JSON.parse(raw);
      if (!Array.isArray(saved) || !saved.length) return false;
      ALLOGGI = saved.map(a => ({
        nome: a.nome, unita: a.unita || 1, dal: a.dal || '', al: a.al || '',
        ota_booking: a.ota_booking || 0, ota_airbnb: a.ota_airbnb || 0, occ_anno_prec: a.occ_anno_prec || 0,
        voci: (a.voci || []).map(v => ({ categoria: v.categoria, importo_annuo: v.importo_annuo, nota: v.nota || '' })),
        done: a.done || (a.voci || []).length > 0
      }));
      return ALLOGGI.length > 0;
    } catch (err) { return false; }
  }

  function setSaveStatus(msg, kind) {
    const el = document.getElementById('saveStatus');
    if (!el) return;
    el.textContent = msg;
    const colors = { ok:'var(--ar-positive)', err:'#ff6b6b', busy:'var(--text-secondary)', warn:'#f5a623' };
    el.style.color = colors[kind] || 'var(--text-secondary)';
  }

  async function caricaDalCloud() {
    if (!CLOUD_ON) return false;
    try {
      const res = await fetch(API_URL + '?c=' + encodeURIComponent(CLIENT_ID), { cache: 'no-store' });
      const txt = await res.text();
      let data;
      try { data = JSON.parse(txt); }
      catch (e) {
        // Diagnostica: la GET non ha restituito JSON (probabile redirect Workspace / pagina login)
        console.warn('[SchedaCosti] GET cloud: risposta NON-JSON (status ' + res.status + ', url finale ' + res.url + '). Primi 300 caratteri:\n', txt.slice(0, 300));
        return false;
      }
      if (data && data.ok && Array.isArray(data.alloggi)) {
        if (data.alloggi.length) {
          ALLOGGI = data.alloggi.map(s => ({
            nome: s.nome,
            unita: s.unita || 1,
            dal: s.aperto_dal || '',
            al: s.aperto_al || '',
            ota_booking: s.ota_booking || 0,
            ota_airbnb: s.ota_airbnb || 0,
            occ_anno_prec: s.occ_anno_prec || 0,
            voci: (s.voci || []).map(v => ({ categoria: v.categoria, importo_annuo: v.importo_annuo, nota: v.nota || '' })),
            done: (s.voci || []).length > 0
          }));
          return true;
        }
        // Il database ha risposto ma NON ha dati per questo cliente → la verità è "vuoto".
        // Azzero anche la copia locale del browser, così non restano dati fantasma.
        ALLOGGI = [];
        try { localStorage.removeItem(LS_KEY); } catch (e) {}
        return true;
      }
      console.info('[SchedaCosti] GET cloud: risposta non valida per "' + CLIENT_ID + '".');
      return false;
    } catch (err) {
      console.warn('[SchedaCosti] GET cloud fallita:', err);
      return false;
    }
  }

  async function salvaCloud() {
    saveCurrentToState();
    // "Altro" → nota OBBLIGATORIA: il cliente deve dirci di che costo si tratta
    for (const a of ALLOGGI) {
      for (const v of (a.voci || [])) {
        if (/^Altro costo/.test(v.categoria || '') && !((v.nota || '').trim())) {
          alert('Nelle voci "Altro costo fisso/variabile" la nota è obbligatoria:\nscrivi di che costo si tratta.\n\nAlloggio: ' + a.nome);
          setSaveStatus('Voce "Altro" senza nota — aggiungi la descrizione (alloggio ' + a.nome + ')', 'err');
          return;
        }
      }
    }
    if (!CLOUD_ON) { setSaveStatus('Anteprima locale: salvataggio cloud non collegato.', 'warn'); return; }
    const btn = document.getElementById('btnSalvaCloud');
    setSaveStatus('Salvataggio…', 'busy');
    if (btn) btn.disabled = true;
    const payload = {
      cliente_id: CLIENT_ID,
      alloggi: ALLOGGI.map(a => ({
        nome: a.nome,
        unita: a.unita || 1,
        aperto_dal: a.dal || '',
        aperto_al: a.al || '',
        ota_booking: a.ota_booking || 0,
        ota_airbnb: a.ota_airbnb || 0,
        occ_anno_prec: a.occ_anno_prec || 0,
        voci: (a.voci || []).filter(v => v.categoria).map(v => ({
          categoria: v.categoria,
          tipo: FISSI_SET.has(v.categoria) ? 'fisso' : 'variabile',
          importo_annuo: Number(v.importo_annuo) || 0,
          nota: v.nota || ''
        }))
      }))
    };
    try {
      // Backend Cloudflare (stessa origine) → CORS normale, possiamo leggere la risposta.
      const res = await fetch(API_URL, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(payload)
      });
      const data = await res.json().catch(() => ({}));
      if (res.ok && data.ok) setSaveStatus('Salvato ✓', 'ok');
      else setSaveStatus('Salvato sul dispositivo. Riprova per inviare.', 'warn');
    } catch (err) {
      // Anche senza connessione il lavoro resta salvato nel browser (rete di sicurezza)
      setSaveStatus('Salvato sul dispositivo. Riconnettiti per inviare.', 'warn');
    } finally {
      if (btn) btn.disabled = false;
    }
  }

  // === init: crea il donut una volta, poi carica il primo alloggio ===
  const donut = new Chart(document.getElementById('donut'), {
    type: 'doughnut',
    data: { labels: ['Fissi','Variabili'], datasets: [{ data: [0,0], backgroundColor: ['#29B6F6','#34D399'], borderColor: '#0B0F1A', borderWidth: 3, cutout: '72%' }] },
    options: { plugins: { legend: { display: false }, tooltip: { enabled: true } }, responsive: true, maintainAspectRatio: false }
  });
  (async function init() {
    document.getElementById('hdrCliente').textContent = CLIENT_ID ? (CLIENT_ID[0].toUpperCase() + CLIENT_ID.slice(1)) : 'Anteprima';
    caricaDaLocale();                       // 1) rete di sicurezza: mostra subito gli ultimi dati salvati nel browser
    const haCloud = await caricaDalCloud();  // 2) prova il cloud: se risponde con dati validi, subentra (verità condivisa)
    if (haCloud) salvaInLocale();            // 3) allinea il locale a quanto arrivato dal cloud
    if (!ALLOGGI.length) {                    // cliente senza alloggi (o ?c= mancante)
      document.getElementById('bigName').textContent = 'Nessun alloggio';
      document.getElementById('contatore').textContent = '0 / 0';
      if (window.lucide) lucide.createIcons();
      return;
    }
    renderSelector(); loadAlloggio(0); updateProgress();
    if (window.lucide) lucide.createIcons();
  })();
</script>
</body>
</html>