/* AIccount · tema dell'interfaccia.
   Si carica DOPO style.css e reports.css: ridefinisce variabili e i pochi colori scritti a mano.
   Per tornare al tema precedente basta togliere il <link> da index.html.
   I colori di stato del planner (azzurro, verde, rosso, giallo, grigio) restano quelli di style.css. */

@font-face { font-family: "Bricolage Grotesque"; src: url("fonts/BricolageGrotesque-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Bricolage Grotesque"; src: url("fonts/BricolageGrotesque-ExtraBold.ttf") format("truetype"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("fonts/InstrumentSans-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("fonts/InstrumentSans-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("fonts/InstrumentSans-SemiBold.ttf") format("truetype"); font-weight: 600 650; font-display: swap; }

:root {
  --brand-prugna: #3A1740;
  --brand-prugna-2: #5B2A6E;     /* hover dei pulsanti principali */
  --brand-viola: #7B3E96;        /* link, serie principale dei grafici */
  --brand-albicocca: #F7864F;
  --brand-glicine: #EFE6F2;
  --brand-glicine-2: #E4D6EA;    /* bordi degli elementi selezionati */
  --brand-nebbia: #F8F5F8;

  /* variabili di style.css */
  --blue: var(--brand-prugna);
  --blue-dark: var(--brand-viola);
  --ink: #2A1030;
  --muted: #6E6173;
  --line: #E6DDE8;
  --bg: var(--brand-nebbia);
  --green: #1F7A4D;
  font-family: "Instrument Sans", "Segoe UI", Arial, sans-serif;
}

h1, h2, .dialog-head h2, .month-title, .stat-value, .donut strong, .onboarding h1 {
  font-family: "Bricolage Grotesque", "Segoe UI", Arial, sans-serif;
  letter-spacing: -.01em;
}
h1 { font-weight: 700; }
.stat-value { font-weight: 800; font-variant-numeric: tabular-nums; }
table, .stat-value, .chart-footer strong, .community-row strong { font-variant-numeric: tabular-nums; }

/* barra superiore e logo */
.logo { min-width: 190px; }
.logo img { height: 30px; width: auto; display: block; }
.local-tag { background: var(--brand-glicine); color: var(--brand-prugna); }
.topnav button.active { color: var(--brand-prugna); }
.topnav button.active:after { background: var(--brand-albicocca); height: 3px; border-radius: 3px 3px 0 0; }
.avatar { background: var(--brand-glicine); color: var(--brand-prugna); }

/* barra laterale */
.side-nav.active { background: var(--brand-glicine); color: var(--brand-prugna); }
.side-nav:hover:not(.active) { background: var(--brand-nebbia); }
.local-card { background: var(--brand-nebbia); color: var(--muted); }
.local-card strong { color: var(--ink); }

/* pulsanti, filtri, selezioni */
.btn.primary { background: var(--brand-prugna); border-color: var(--brand-prugna); color: #fff; }
.btn.primary:hover { background: var(--brand-prugna-2); border-color: var(--brand-prugna-2); filter: none; }
.btn { border-color: #DDD2E0; }
.filter-tab.active { border-color: var(--brand-glicine-2); background: var(--brand-glicine); color: var(--brand-prugna); }
.brand-option.selected { background: var(--brand-glicine); }
.add-brand-top { color: var(--brand-prugna); border-color: var(--brand-glicine-2); }
input:not([type=checkbox]):not([type=file]):focus, textarea:focus, select:focus { outline: 2px solid var(--brand-viola); outline-offset: 1px; }
.compose-networks input:checked + .network-icon { outline-color: var(--brand-albicocca); }
.today .day-number { background: var(--brand-prugna); }

/* card e riquadri informativi */
.stat-card, .panel, .post-card, .calendar { border-color: var(--line); }
.growth { background: #E6F2EC; color: var(--green); }
.demo-bar, .connection-banner, .setup-explanation { background: var(--brand-glicine); border-color: var(--brand-glicine-2); color: #4A3350; }
.connection-banner > div { color: var(--brand-prugna); }
.connection-banner span, .demo-bar .right { color: var(--muted); }
.onboarding-symbol { background: var(--brand-glicine); color: var(--brand-prugna); }
.status { background: var(--brand-glicine); color: #5B3F66; }
.chart-legend i, .legend-dot { background: var(--brand-viola); }
.chart-legend .previous { background: #C9BCCD; }
.upload-zone { border-color: #D7C9DC; background: var(--brand-nebbia); color: var(--muted); }
.preview-panel, .day-name, .calendar-day.outside { background: var(--brand-nebbia); }
.empty { border-color: #DDD2E0; }
.toast { background: var(--brand-prugna); }
dialog::backdrop { background: #2A103066; }

/* grafico disegnato da brands.js */
.line-chart polyline[stroke="#04a3ca"], svg polyline[stroke="#04a3ca"] { stroke: var(--brand-viola); }
svg circle[fill="#04a3ca"] { fill: var(--brand-viola); }

/* report e integrazioni (reports.css) */
.report-choice:has(input:checked) { background: var(--brand-glicine); border-color: var(--brand-glicine-2); }
.report-choice input, .report-compare input, #integration-dialog input[type=checkbox] { accent-color: var(--brand-prugna); }
#integration-secret { border-color: var(--brand-glicine-2); background: var(--brand-glicine); }
#integration-dialog #integration-brand { color: var(--brand-prugna); background: var(--brand-glicine); }
.report-working:before { border-color: var(--brand-glicine-2); border-top-color: var(--brand-prugna); }

/* Brand selector: icon centred optically and independent of text baseline. */
.brand-btn{display:inline-flex;align-items:center;gap:10px;min-height:40px;border:1px solid var(--line);border-radius:9px;padding:6px 12px;background:#fff}
.brand-btn:hover,.brand-btn[aria-expanded=true]{background:var(--brand-nebbia);border-color:#BDA7C6}
.brand-btn #brand-top{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}
.brand-chevron{display:block;flex:0 0 16px;transition:transform .15s ease;color:var(--muted)}
.brand-btn[aria-expanded=true] .brand-chevron{transform:rotate(180deg)}
.brand-btn:focus-visible{outline:2px solid var(--brand-viola);outline-offset:3px}
.btn.danger{color:#AC302C;border-color:#E6BFBD;background:#fff}.btn.danger:hover{background:#FFF1F0}
#delete-brand-dialog .delete-brand-body{padding:0 28px 20px}#delete-brand-dialog input{width:100%;margin-top:8px}
#delete-brand-dialog .error{min-height:20px}#delete-brand-dialog .dialog-footer{padding:20px 28px}
.report-logo-preview img{max-width:180px;max-height:55px;object-fit:contain}
.login-layout{font-family:"Instrument Sans","Segoe UI",sans-serif;background:var(--brand-nebbia);color:var(--ink)}
.login-layout .intro{background:var(--brand-prugna)}.login-layout .wordmark img{display:block;max-width:100%;object-fit:contain}
.login-layout .eyebrow{color:var(--brand-viola)}.login-layout .intro .eyebrow{color:var(--brand-albicocca)}
.login-layout .intro p,.login-layout .intro small{color:#DACDDD}.login-layout #login-note{color:var(--muted)}
.login-layout .primary{background:var(--brand-prugna)}.login-layout .primary:hover{background:var(--brand-prugna-2)}
.login-layout .text,.login-layout footer a{color:var(--brand-viola)}.login-layout input,.login-layout .google{border-color:var(--line)}
.login-layout .decor{align-items:flex-end;gap:15px;height:100px;margin:42px 0}
.login-layout .decor span{display:block;width:35px;height:50px;background:#9B7DA5;border-radius:18px 18px 0 0}
.login-layout .decor span:nth-child(2){height:73px;background:#CDB9D4}.login-layout .decor span:nth-child(3){height:85px;background:#fff;position:relative}
.login-layout .decor span:nth-child(3):before{content:'';position:absolute;width:28px;height:28px;border-radius:50%;background:var(--brand-albicocca);left:3.5px;top:-40px}
@media(max-width:700px){.topbar .logo{min-width:0}.topbar .logo img{height:25px}.brand-chevron{flex-basis:14px;width:14px}.brand-btn{gap:6px;padding:6px 8px}}

#delete-brand-dialog .delete-brand-body p{margin:20px 0 12px}#delete-brand-dialog input{margin:8px 0 0;width:100%;box-sizing:border-box}#delete-brand-dialog .delete-brand-body{min-width:0}#delete-brand-dialog{overflow-x:hidden}

#top-add-brand[hidden],#brand-btn[hidden]{display:none!important}

.login-layout .google{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px}.login-layout .google-wordmark{width:74px;height:24px;object-fit:contain;display:block}

.login-layout .terms-check{display:flex;gap:11px;align-items:flex-start;font-size:12px;line-height:1.6;font-weight:400;margin:22px 0}.login-layout .terms-check input{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:#3A1740}.terms-check a{color:#633676}.consent-layout .access form{max-width:460px}

@font-face{font-family:"Google Sans";src:url("/brand/fonts/GoogleSans-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}.login-layout .google{font:500 14px/20px "Google Sans",Arial,sans-serif;color:#1F1F1F;gap:10px;border:1px solid #747775;border-radius:28px}.login-layout .google-icon{display:block;width:20px;height:20px;flex:0 0 20px;object-fit:contain}