/* Telegraf (PP Telegraf) nel plugin: il sito non lo carica più da quando Elementor è stato rimosso */
@font-face { font-family: 'Telegraf'; src: url('fonts/PPTelegraf-Regular.otf') format('opentype'); font-weight: 100 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Telegraf'; src: url('fonts/PPTelegraf-UltraBold.otf') format('opentype'); font-weight: 800 900; font-style: normal; font-display: swap; }

html { overflow-y: scroll; scrollbar-gutter: stable; }
/* Template a tutta pagina (templates/canvas.php): niente margini del tema, fondo dell'area */
body.ecom-ar-canvas { margin: 0; padding: 0; background: #000; min-height: 100vh; box-sizing: border-box; }
.ecom-ar {
	--ink: #FAFAFA;
	--mut: #8A8A8F;
	--line: #262626;
	--panel: #0E0E0E;
	--bg: #000000;
	--font-disp: 'Telegraf', 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
	--font-body: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	width: min(100%, 460px) !important;
	max-width: 100%;
	flex: 0 0 auto;
	align-self: center;
	margin: 0 auto;
	background: var(--bg);
	overflow: hidden;
	font-family: var(--font-body);
	color: var(--ink);
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
}

.ecom-ar *,.ecom-ar *::before,.ecom-ar *::after{box-sizing:border-box}
.ecom-ar h1,.ecom-ar h2,.ecom-ar h3{font-family:var(--font-disp)}

.ecom-ar-loading,
.ecom-ar-empty,
.ecom-ar-error,
.ecom-ar-soon { padding: 34px 20px; text-align: center; color: var(--mut); font-size: 15px; line-height: 1.5; }
.ecom-ar-error { color: #F87171; }

/* Header */
.ecom-ar-header{padding:26px 18px 24px;background:#000} /* niente divisore tra header e tab */
.ecom-ar-header:not(.ecom-ar-header-team){padding-bottom:10px} /* area cliente: tab più vicine all'header */
.ecom-ar-hello { font-family: var(--font-disp); font-size: 34px; font-weight: 700; letter-spacing: -.03em; line-height: 1; color: #FAFAFA; }
.ecom-ar-sub { display: block; font-size: 13px; color: var(--mut); margin-top: 6px; }

/* Punti */
.ecom-ar-points { margin-top: 18px; background: #0A0A0A; border: 1px solid var(--line); border-radius: 14px; padding: 15px; }
.ecom-ar-points-lbl { font-size: 12px; color: var(--mut); }
.ecom-ar-points-val { display: flex; align-items: baseline; gap: 8px; margin-top: 4px; }
.ecom-ar-points-val strong { font-family: var(--font-disp); font-size: 42px; font-weight: 600; letter-spacing: -.02em; line-height: 1; color: #FAFAFA; }
.ecom-ar-points-val span { font-size: 14px; color: var(--mut); }
.ecom-ar-bar { height: 6px; background: #1f1f1f; border-radius: 20px; overflow: hidden; margin-top: 12px; }
.ecom-ar-bar-fill { height: 100%; border-radius: 20px; transition: width .4s ease; }
.ecom-ar-points-sub { font-size: 11px; color: var(--mut); margin-top: 8px; }

/* Tabs — larghezza piena, blindate contro il tema del sito */
.ecom-ar-tabs { display: flex !important; width: 100% !important; background: #000 !important; border-bottom: 1px solid #1a1a1a !important; padding: 0 !important; margin: 0 !important; list-style: none !important; }
.ecom-ar-tab {
	flex: 1 1 0 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 2px solid transparent !important;
	border-radius: 0 !important;
	margin: 0 !important;
	cursor: pointer;
	padding: 15px 6px !important;
	font-family: var(--font-disp) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-transform: none !important; 
	color: var(--mut) !important;
	white-space: nowrap;
}
.ecom-ar-tab.is-active { color: #FAFAFA !important; font-weight: 600 !important; border-bottom-color: #FAFAFA !important; }
.ecom-ar-tab-soon { position: relative; }

/* Body */
.ecom-ar-body { background: var(--bg); padding: 16px 16px 22px; }

/* Filtri — blindati contro il tema */
.ecom-ar-chip { appearance: none !important; -webkit-appearance: none !important; cursor: pointer; display: inline-flex !important; align-items: center !important; height: 28px !important; font-family: var(--font-body) !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; text-transform: none !important; letter-spacing: 0 !important; padding: 0 13px !important; border-radius: 20px !important; background: var(--panel) !important; border: 1px solid var(--line) !important; color: var(--mut) !important; margin: 0 !important;}
.ecom-ar-chip.is-active { background: #FAFAFA !important; border-color: #FAFAFA !important; color: #000 !important; font-weight: 600 !important; }

/* Mese */
.ecom-ar-group { margin-bottom: 20px; }
.ecom-ar-month { font-family: var(--font-disp); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--mut); margin: 0 2px 10px; }

/* Card */
.ecom-ar-card { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; margin-bottom: 10px; overflow: hidden; }
.ecom-ar-card[open] { border-color: #3a3a3a; }
.ecom-ar-sum { list-style: none; cursor: pointer; padding: 14px; display: grid; grid-template-columns: 50px minmax(0,1fr) auto; align-items: center; gap: 14px; }
.ecom-ar-sum::-webkit-details-marker { display: none; }
.ecom-ar-title { font-family: var(--font-disp); font-size: 16px; font-weight: 600; color: var(--ink); line-height: 1.3; letter-spacing: -.01em; }
.ecom-ar-chev { color: var(--mut); line-height: 0; transition: transform .2s ease; flex: 0 0 auto; }
.ecom-ar-chev svg { display: block; width: 18px; height: 18px; }
.ecom-ar-card[open] .ecom-ar-chev { transform: rotate(180deg); }

/* Dettaglio */
.ecom-ar-detail { padding: 0 14px 14px; }
.ecom-ar-detail-inner { border-top: 1px solid var(--line); padding-top: 12px; }
.ecom-ar-detail-load,
.ecom-ar-detail-empty,
.ecom-ar-detail-err { font-size: 12px; color: var(--mut); padding: 4px 0; }
.ecom-ar-detail-err { color: #F87171; }
.ecom-ar-desc { font-size: 13px; color: #B5B5BA; line-height: 1.55; }
.ecom-ar-desc p { margin: 0 0 8px; }
.ecom-ar-hash { color: #4CB5F9; } /* hashtag nel blu di Instagram (tema scuro) */
.ecom-ar-desc ul, .ecom-ar-desc ol { margin: 0 0 8px; padding-left: 18px; }
.ecom-ar-att { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.ecom-ar-att-item { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; font-size: 12px; color: #B5B5BA; background: #000; border: 1px solid var(--line); padding: 6px 10px; border-radius: 8px; text-decoration: none; }
.ecom-ar-att-ico { flex: 0 0 auto; display: inline-flex; align-items: center; }
.ecom-ar-att-name { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Documento (Brand) */
.ecom-ar-doc-page { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 16px 16px 14px; margin-bottom: 10px; }
.ecom-ar-doc-page.is-sub { border-left: 3px solid #FAFAFA; }
.ecom-ar-doc-title { font-family: var(--font-disp); font-size: 17px; font-weight: 600; color: var(--ink); margin: 0 0 10px; line-height: 1.3; }
.ecom-ar-doc-body { font-size: 14px; color: #C4C4C8; line-height: 1.6; }
.ecom-ar-doc-body h1, .ecom-ar-doc-body h2, .ecom-ar-doc-body h3 { font-weight: 700; color: var(--ink); margin: 16px 0 8px; line-height: 1.2; }
.ecom-ar-doc-body h1 { font-size: 24px; }
.ecom-ar-doc-body h2 { font-size: 20px; }
.ecom-ar-doc-body h3 { font-size: 17px; }
.ecom-ar-doc-body p { margin: 0 0 10px; }
.ecom-ar-doc-body ul, .ecom-ar-doc-body ol { margin: 0 0 10px; padding-left: 20px; }
.ecom-ar-doc-body a { color: #FAFAFA; text-decoration: underline; }
.ecom-ar-doc-body strong { font-weight: 600; color: var(--ink); }
.ecom-ar-doc-body img { max-width: 100%; height: auto; border-radius: 8px; }

/* -------------------------------------------------------------------------
 * Override leggibilità (dark) — a prescindere dal tema del sito.
 * Stati e tipologia hanno colore inline: NON vanno forzati.
 * ---------------------------------------------------------------------- */
.ecom-ar .ecom-ar-hello,
.ecom-ar .ecom-ar-title,
.ecom-ar .ecom-ar-cost,
.ecom-ar .ecom-ar-doc-title,
.ecom-ar .ecom-ar-points-val strong { color: #FAFAFA !important; }

.ecom-ar .ecom-ar-sub,
.ecom-ar .ecom-ar-month,
.ecom-ar .ecom-ar-points-lbl,
.ecom-ar .ecom-ar-points-val span,
.ecom-ar .ecom-ar-points-sub,
.ecom-ar .ecom-ar-chev,
.ecom-ar .ecom-ar-empty,
.ecom-ar .ecom-ar-soon,
.ecom-ar .ecom-ar-loading { color: #8A8A8F !important; }

.ecom-ar .ecom-ar-desc,
.ecom-ar .ecom-ar-att-item { color: #B5B5BA !important; }

.ecom-ar .ecom-ar-doc-body,
.ecom-ar .ecom-ar-doc-body * { color: #C4C4C8 !important; }
.ecom-ar .ecom-ar-doc-body a,
.ecom-ar .ecom-ar-doc-body strong { color: #FAFAFA !important; }

.ecom-ar-group > summary.ecom-ar-month { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 10px; padding: 0 2px; margin: 0 0 12px; }
.ecom-ar .ecom-ar-month-t { flex: 1; min-width: 0; color: #FAFAFA !important; font-size: 13px; letter-spacing: .08em; }
.ecom-ar .ecom-ar-month-n { font-family: var(--font-body); font-size: 12px; font-weight: 500; text-transform: none; letter-spacing: 0; color: #8A8A8F !important; white-space: nowrap; }
.ecom-ar-month-chev { width: 14px; height: 14px; flex: 0 0 auto; color: #8A8A8F; transform: rotate(-90deg); transition: transform .15s ease; }
.ecom-ar-group[open] > summary .ecom-ar-month-chev { transform: rotate(0deg); }
.ecom-ar-group > summary.ecom-ar-month::-webkit-details-marker { display: none; }
.ecom-ar-group.is-done > summary.ecom-ar-month { opacity: .55; }

.ecom-ar-plan { font-family: var(--font-disp); font-size: 14px; font-weight: 600; color: #FAFAFA !important; margin-bottom: 10px; line-height: 1.3; }
.ecom-ar-login { display: inline-block; margin-top: 16px; padding: 10px 22px; border-radius: 9px; background: #FAFAFA; color: #000 !important; font-weight: 600; font-size: 13px; text-decoration: none; }
.ecom-ar-credits { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 18px 0 22px; font-size: 10px; color: #8A8A8F !important; background: var(--bg); }
.ecom-ar-credits img { height: 28px; width: auto; opacity: .75; }
.ecom-ar-doc-page > summary.ecom-ar-doc-title { cursor: pointer; list-style: none; }
.ecom-ar-doc-page > summary.ecom-ar-doc-title::-webkit-details-marker { display: none; }

.ecom-ar-guard { color: #fff; display: flex; flex-direction: column; align-items: center; }

.ecom-ar-actions { display: grid; gap: 8px; margin-top: 12px; }
.ecom-ar-approve, .ecom-ar-revise { appearance: none !important; -webkit-appearance: none !important; cursor: pointer; flex: 1; text-align: center; font-family: var(--font-body) !important; font-size: 13px !important; font-weight: 600 !important; padding: 10px 0 !important; border-radius: 9px !important; margin: 0 !important; }
.ecom-ar-approve { background: #4ADE80 !important; color: #06280F !important; border: 0 !important; }
.ecom-ar-revise { background: transparent !important; color: #FAFAFA !important; border: 1px solid var(--line) !important; }
.ecom-ar-approve[disabled], .ecom-ar-revise[disabled] { opacity: .6; cursor: default; }

.ecom-ar-doc-h { font-family: var(--font-disp); font-size: 19px; font-weight: 700; color: #FAFAFA !important; letter-spacing: -.01em; margin: 22px 2px 10px; }
.ecom-ar-doc .ecom-ar-doc-h:first-child { margin-top: 4px; }
.ecom-ar-doc-free { padding: 0 2px 6px; }

.ecom-ar-doc-body { overflow-wrap: anywhere; word-break: break-word; }
.ecom-ar-doc-body * { max-width: 100%; }
.ecom-ar-doc-body img { height: auto; }
.ecom-ar-doc-body table { display: block; width: 100%; overflow-x: auto; }
/* telefono: tabelle con foto (buyer persona) in colonna, foto sopra e testo sotto */
@media (max-width:560px){
.ecom-ar-doc-body table:has(img), .ecom-ar-doc-body table:has(img) * { border: 0 !important; background: transparent !important; box-shadow: none !important; }
.ecom-ar-doc-body table:has(img) { overflow-x: visible; }
.ecom-ar-doc-body table:has(img) :is(thead, tbody, tr, th, td) { display: block; width: 100% !important; box-sizing: border-box; }
.ecom-ar-doc-body table:has(img) :is(th, td) { padding: 0 0 10px !important; text-align: left; }
.ecom-ar-doc-body table:has(img) :is(th, td):empty,
.ecom-ar-doc-body table:has(img) thead:not(:has(th:not(:empty))) { display: none; }
.ecom-ar-doc-body table:has(img) tr + tr { margin-top: 18px; }
.ecom-ar-doc-body table:has(img) img { display: block; }
}
.ecom-ar-doc-body pre { white-space: pre-wrap; word-break: break-word; }

.ecom-ar-header, .ecom-ar-tabs, .ecom-ar-body { width: 100% !important; box-sizing: border-box !important; }
.ecom-ar-body > * { width: 100%; box-sizing: border-box; }
.ecom-ar-soon, .ecom-ar-empty, .ecom-ar-loading, .ecom-ar-error { width: 100%; box-sizing: border-box; }

.elementor-widget-text-editor:has(#ecom-ar-root),
.elementor-widget-text-editor:has(#ecom-ar-root) > .elementor-widget-container { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; }

.ecom-ar-points-used { font-family: var(--font-disp); font-size: 42px; font-weight: 600; letter-spacing: -.02em; line-height: 1; color: #FAFAFA !important; margin-top: 2px; }
.ecom-ar-points-avail { font-size: 12px; color: #8A8A8F !important; margin-top: 8px; }
.ecom-ar-points-avail strong { color: #FAFAFA !important; font-weight: 600; }

.ecom-ar-card[data-cat="review"] { overflow: visible; border-color: rgba(251,191,36,.7); box-shadow: 0 0 0 1px rgba(251,191,36,.45), 0 0 20px 2px rgba(251,191,36,.28), 0 0 44px 4px rgba(251,191,36,.08); } /* da approvare: bagliore ambra */
.ecom-ar-chip-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 10px; background: #C7860B; color: #fff !important; font-size: 10px; font-weight: 700; line-height: 1; margin-left: 3px; }

.ecom-ar-revform { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.ecom-ar-revtext { width: 100% !important; background: #000 !important; border: 1px solid var(--line) !important; border-radius: 9px !important; color: #FAFAFA !important; -webkit-text-fill-color: #FAFAFA !important; caret-color: #FAFAFA; font-family: var(--font-body) !important; font-size: 13px !important; line-height: 1.5 !important; padding: 10px !important; margin: 0 !important; resize: vertical; box-shadow: none !important; }
.ecom-ar-revtext::placeholder { color: #6B6B70 !important; -webkit-text-fill-color: #6B6B70 !important; }
.ecom-ar-revfile { display: flex; flex-direction: column; gap: 6px; font-family: var(--font-body) !important; font-size: 12px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; color: #8A8A8F !important; }
.ecom-ar-revfile input[type=file] { font-size: 12px !important; color: #8A8A8F !important; background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
.ecom-ar-revfile input[type=file]::file-selector-button { appearance: none !important; -webkit-appearance: none !important; cursor: pointer; font-family: var(--font-body) !important; font-size: 12px !important; font-weight: 600 !important; color: #FAFAFA !important; background: #1a1a1a !important; border: 1px solid var(--line) !important; border-radius: 8px !important; padding: 7px 12px !important; margin-right: 10px !important; }
.ecom-ar-bigfile { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: -2px 0 0 !important; font-family: var(--font-body) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #8A8A8F !important; }
.ecom-ar-bigfile a { display: inline-flex; align-items: center; border: 0 !important; text-decoration: none !important; box-shadow: none !important; }
.ecom-ar-bigfile img { display: block; height: 18px !important; width: auto !important; max-width: none !important; margin: 0 !important; }
.ecom-ar-revbtns { display: flex; gap: 8px; }
.ecom-ar-revsend, .ecom-ar-revcancel { appearance: none !important; -webkit-appearance: none !important; cursor: pointer; font-family: var(--font-body) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important; border-radius: 9px !important; margin: 0 !important; text-transform: none !important; }
.ecom-ar-revsend { flex: 1 !important; padding: 10px 0 !important; border: 0 !important; background: #FBBF24 !important; color: #241a00 !important; }
.ecom-ar-revcancel { padding: 10px 16px !important; border: 1px solid var(--line) !important; background: transparent !important; color: #FAFAFA !important; }
.ecom-ar-revsend[disabled], .ecom-ar-revcancel[disabled] { opacity: .6; cursor: default; }

.ecom-ar-points-tot { font-size: 16px; font-weight: 400; color: #8A8A8F !important; letter-spacing: 0; white-space: nowrap; }

/* Login (utente non loggato): box centrato in verticale sullo schermo */
.ecom-ar:has(.ecom-ar-guard) {
	min-height: 100vh;
	min-height: 100svh; /* mobile: esclude le barre del browser */
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Lightbox video */
.ecom-ar-lightbox {
	position: fixed; inset: 0; z-index: 99999;
	display: flex; align-items: center; justify-content: center;
	background: rgba(0, 0, 0, .85);
	padding: 20px;
}
.ecom-ar-lb-inner { position: relative; width: min(900px, 100%); max-height: 90vh; display: flex; flex-direction: column; align-items: center; }
.ecom-ar-lb-video { width: 100%; max-height: 80vh; border-radius: 12px; background: #000; display: block; }
.ecom-ar-lb-img { max-width: 100%; max-height: 80vh; width: auto; height: auto; border-radius: 12px; display: block; object-fit: contain; -webkit-touch-callout: default !important; -webkit-user-select: auto !important; user-select: auto !important; pointer-events: auto !important; }
.ecom-ar-lb-photo { touch-action: none; } /* lo swipe lo gestiamo noi */
.ecom-ar-lb-title { margin-top: 10px; font-size: 13px; color: #C4C4C8; text-align: center; }
.ecom-ar-lb-close {
	position: absolute; top: -52px; right: 0;
	appearance: none !important;
	-webkit-appearance: none !important;
	cursor: pointer;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: rgba(255, 255, 255, .12) !important;
	border: 0 !important;
	border-radius: 50% !important;
	color: #FAFAFA !important;
	font-size: 26px !important;
	line-height: 1 !important;
	box-shadow: none !important;
	transition: background .15s ease;
}
.ecom-ar-lb-close:hover { background: rgba(255, 255, 255, .22) !important; }

/* Bottoni video e documento: identici agli altri allegati, blindati contro il tema del sito */
.ecom-ar-att-video,
.ecom-ar-att-doc {
	appearance: none !important;
	-webkit-appearance: none !important;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-family: var(--font-body) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	color: #B5B5BA !important;
	background: #000 !important;
	border: 1px solid var(--line) !important;
	border-radius: 8px !important;
	padding: 6px 10px !important;
	margin: 0 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}
.ecom-ar-att-video:hover, .ecom-ar-att-doc:hover { border-color: #3a3a3a !important; }

/* Tab Documenti */
.ecom-ar-doccard { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 14px; margin-bottom: 10px; }
.ecom-ar-doccard-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.ecom-ar-doccard .ecom-ar-att { margin-top: 0; }

/* Modal PDF */
.ecom-ar-lb-doc { width: min(900px, 100%); height: 90vh; background: #0E0E0E; border-radius: 12px; overflow: hidden; }
.ecom-ar-lb-frame { width: 100%; height: calc(90vh - 48px); border: 0; background: #fff; display: block; }
.ecom-ar-lb-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 48px; padding: 0 14px; background: #0E0E0E; }
.ecom-ar-lb-bar .ecom-ar-lb-title { margin: 0; font-size: 12px; color: #C4C4C8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ecom-ar-lb-open { flex: 0 0 auto; font-size: 12px; font-weight: 600; color: #FAFAFA !important; text-decoration: underline; }

/* Icona PDF nei bottoni documento */
.ecom-ar-ico-pdf { display: inline-flex; align-items: center; color: #F87171 !important; }
.ecom-ar-ico-pdf svg { display: block; }

/* Prossima uscita */
.ecom-ar-next { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.ecom-ar-next-lbl { font-size: 12px; color: #8A8A8F; }
.ecom-ar-next-arrow { color: #6B6B70; flex: 0 0 auto; }
.ecom-ar-next-date { appearance: none !important; -webkit-appearance: none !important; cursor: pointer; background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; font-family: var(--font-disp) !important; font-size: 14px !important; font-weight: 600 !important; color: #FAFAFA !important; text-decoration: underline; }

/* Toggle vista */

/* Calendario */
.ecom-ar-cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; margin-top: 16px; }
.ecom-ar-cal-title { font-family: var(--font-disp); font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #FAFAFA; }
.ecom-ar-cal-nav { appearance: none !important; -webkit-appearance: none !important; cursor: pointer; width: 32px; height: 32px; padding: 0 !important; margin: 0 !important; background: var(--panel) !important; border: 1px solid var(--line) !important; border-radius: 8px !important; color: #FAFAFA !important; font-size: 18px; line-height: 1; }
.ecom-ar-cal-dow { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 6px; }
.ecom-ar-cal-dow span { text-align: center; font-size: 10px; font-weight: 600; text-transform: uppercase; color: #6B6B70; }
.ecom-ar-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.ecom-ar-cal-cell { aspect-ratio: 1; border: 1px solid var(--line); border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; font-size: 13px; color: #8A8A8F; }
.ecom-ar-cal-cell.is-empty { border-color: transparent; }
.ecom-ar-cal-cell.has { cursor: pointer; color: #FAFAFA; font-weight: 600; }
.ecom-ar-cal-cell.has:hover { background: var(--panel); }
.ecom-ar-cal-cell.is-sel { border: 2px solid #FAFAFA; }
.ecom-ar-cal-dot { width: 5px; height: 5px; border-radius: 50%; }
.ecom-ar-cal-dot.is-multi { width: 16px; height: 5px; border-radius: 3px; }
.ecom-ar-cal-detail { margin-top: 16px; }
.ecom-ar-cal-item { appearance: none !important; -webkit-appearance: none !important; cursor: pointer; display: flex !important; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-width: 0; text-align: left; background: var(--panel) !important; border: 1px solid var(--line) !important; border-radius: 10px !important; padding: 10px 12px !important; margin: 0 0 6px !important; }
.ecom-ar-cal-item .ecom-ar-title { font-size: 14px; }

.ecom-ar-filterrow {
	display: flex;
	align-items: center;      /* centra verticalmente chip e toggle */
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 16px;
	flex-wrap: nowrap;        /* toggle e filtri sempre sulla stessa riga */
}
.ecom-ar-filterrow .ecom-ar-filters {
	margin: 0 !important;
	flex: 1 1 auto;
	min-width: 0;             /* permette ai chip di stringersi invece di spingere il toggle */
}
.ecom-ar-viewtoggle {
	display: flex;
	justify-content: flex-end;
	gap: 4px;
	flex: 0 0 auto;           /* il toggle non si comprime mai */
	align-items: center;
	margin-bottom: 1px;
	border-left: 1px solid var(--line); /* divider tra filtri e toggle vista */
	padding-left: 10px;
	margin-left: 2px;
}

.ecom-ar-vt {
	appearance: none !important; -webkit-appearance: none !important;
	cursor: pointer;
	display: inline-flex !important;
	align-items: center; justify-content: center;
	width: auto !important;
	height: auto !important;
	padding: 4px !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: #8A8A8F !important;
	vertical-align: middle;
}
.ecom-ar-vt svg { width: 15px; height: 15px; }
.ecom-ar-vt.is-active { background: transparent !important; border: 0 !important; color: #FAFAFA !important; }

.ecom-ar-doclist { display: block; }

.ecom-ar-cal-wrap { margin-bottom: 8px; }


/* Splash clienti (team) */
.ecom-ar-clients { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 16px; }
.ecom-ar-client-card {
	appearance: none !important; -webkit-appearance: none !important; cursor: pointer;
	display: flex !important; align-items: center; justify-content: space-between; gap: 10px;
	width: 100%; text-align: left;
	background: var(--panel) !important; border: 1px solid var(--line) !important;
	border-radius: 12px !important; padding: 16px 18px !important;
	font-family: var(--font-body) !important; color: #FAFAFA !important;
}
.ecom-ar-client-card:hover { border-color: #3a3a3a !important; }
.ecom-ar-client-name { font-size: 15px; font-weight: 600; }
.ecom-ar-client-go { font-size: 12px; color: #8A8A8F; }

/* Barra team */
/* Vista team dentro un cliente: solo il link di ritorno, sui margini dell'header (18px) */
.ecom-ar-teambar { display: flex; align-items: center; padding: 16px 18px 0; background: #000; }
.ecom-ar-back {
	appearance: none !important; -webkit-appearance: none !important; cursor: pointer;
	background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important;
	color: #8A8A8F !important; font-family: var(--font-body) !important; font-size: 12px !important; font-weight: 500 !important;
	line-height: 1.2 !important; text-transform: none !important; letter-spacing: 0 !important; min-height: 0 !important; height: auto !important;
	transition: color .15s ease;
}
.ecom-ar-back:hover { color: #FAFAFA !important; }
.ecom-ar-back:focus-visible { outline: 2px solid #A78BFA; outline-offset: 3px; border-radius: 4px; }
.ecom-ar-teambar + .ecom-ar-header { padding-top: 14px; } /* il link sta già sopra: meno aria in cima all'header */
.ecom-ar-teambar + .ecom-ar-header:not(.ecom-ar-header-team) > .ecom-ar-logout { top: 15px; } /* stessi 12px in meno delle icone, allineate al nome */
.ecom-ar-teambar + .ecom-ar-header:not(.ecom-ar-header-team) > .ecom-ar-theme { top: 18px; }

.ecom-ar-client-right { display: inline-flex; align-items: center; gap: 8px; }
.ecom-ar-client-badge { display: inline-flex; align-items: center; gap: 3px; height: 18px; padding: 0 7px; border-radius: 10px; color: #fff !important; font-size: 10px; font-weight: 700; line-height: 1; }
.ecom-ar-client-badge svg { width: 11px; height: 11px; flex: 0 0 auto; }
.ecom-ar-client-badge.is-soon { background: #E5484D; }
.ecom-ar-client-badge.is-review { background: #C7860B; }

/* Splash team: tab Clienti / Insight */
.ecom-ar-splashtabs{display:flex;gap:14px;margin:20px 0 18px;border-bottom:1px solid var(--line)}
.ecom-ar-stab{appearance:none!important;cursor:pointer;background:transparent!important;border:0!important;
  color:var(--mut)!important;font-family:var(--font-body)!important;font-size:14px!important;font-weight:600!important;
  padding:10px 2px!important;position:relative}
.ecom-ar-stab.is-active{color:var(--ink)!important}
.ecom-ar-stab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);border-radius:2px}
.ecom-ar-splashpanel[hidden]{display:none}

/* Insight: KPI */
.ecom-ar-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}
@media(min-width:560px){.ecom-ar-kpis-3{grid-template-columns:repeat(3,1fr)}}
.ecom-ar-kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}
.ecom-ar-knum{font-size:24px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.ecom-ar-klab{color:var(--mut);font-size:11px;margin-top:6px}
.ecom-ar-kpi.warn .ecom-ar-knum{color:#C7860B}
.ecom-ar-kpi.danger .ecom-ar-knum{color:#E5484D}

/* Insight: card cliente */
.ecom-ar-ov-title{font-size:12px;color:var(--mut);margin:4px 0 10px}
.ecom-ar-ovs{display:flex;flex-direction:column;gap:10px}
/* Vista team su desktop: l'area si allarga e le card Insight vanno a griglia, quante ne stanno.
   L'area del cliente resta a 460px (is-wide c'è solo in renderClients). */
/* Vista team: 16px liberi per lato, anche da telefono (senza, le card toccano il bordo dello schermo) */
.ecom-ar.is-wide{width:min(100% - 32px,460px)!important}
@media(min-width:960px){
	.ecom-ar.is-wide{width:min(100% - 32px,1600px)!important}
	.ecom-ar.is-wide .ecom-ar-ovs{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:14px;align-items:start}
	.ecom-ar.is-wide .ecom-ar-ov{min-width:0}
}
.ecom-ar-ov{background:var(--panel);border:1px solid var(--line);border-left:3px solid #C7860B;border-radius:12px;padding:14px 16px}
.ecom-ar-ov.is-noplan{border-left-color:#3a3a3a}
.ecom-ar-ov-month{font-size:11px;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.ecom-ar-ov-tag.muted{font-size:11px;color:var(--mut)}
.ecom-ar-ov-err{font-size:12px;color:var(--mut2,#B5B5BA)}

.ecom-ar-hunit{font-size:13px;color:var(--mut2,#B5B5BA)}


.ecom-ar-flow{display:flex;flex-wrap:wrap;gap:6px}
.ecom-ar-fchip{font-size:11px;border-radius:999px;padding:3px 9px;border:1px solid var(--line);color:var(--mut2,#B5B5BA)}
.ecom-ar-fchip.is-pub{color:#3db88b;border-color:rgba(61,184,139,.5)}
.ecom-ar-fchip.is-rev{color:#C7860B;border-color:rgba(199,134,11,.5)}
.ecom-ar-fchip.is-late{color:#E5484D;border-color:rgba(229,72,77,.5)}

.ecom-ar-ov-foot{margin-top:10px;font-size:11px;color:var(--mut)}

.ecom-ar-ov-open{appearance:none!important;background:transparent!important;border:0!important;padding:0!important;display:inline-flex;align-items:center;gap:5px;
  cursor:pointer;font-family:var(--font-body)!important;font-size:15px!important;font-weight:600!important;
  color:var(--ink)!important;text-align:left}
.ecom-ar-ov-open:hover{text-decoration:none!important}
.ecom-ar-ov-open:hover .ecom-ar-ov-nm{text-decoration:underline} /* solo il nome, non l'ID accanto */

.ecom-ar-points-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}
.ecom-ar-points-resid{font-size:12px;color:var(--mut,#8A8A8F);font-weight:600}
.ecom-ar-points-used.is-over,.ecom-ar-points-used.is-over .ecom-ar-points-tot,.ecom-ar-points-resid.is-over{color:#E5484D}.ecom-ar-points-carry{font-size:11px;color:var(--mut,#8A8A8F)}
.ecom-ar-bar.is-over>span{background:#E5484D!important}

.ecom-ar-planbar{display:flex;justify-content:flex-start;margin:10px 0 4px}


.ecom-ar-header .ecom-ar-sub { margin-bottom: 18px; }


.ecom-ar-planlabel{font-size:12px;font-weight:600;color:var(--mut,#8A8A8F)}

.ecom-ar-qline{position:absolute;left:0;right:0;border-top:1px dashed #3a3a3a;pointer-events:none}
.ecom-ar-qtag{position:absolute;right:0;transform:translateY(50%);font-size:9px;color:var(--mut,#8A8A8F);background:var(--panel,#0E0E0E);padding:0 4px}

.ecom-ar-ov-name{font-family:var(--font-disp)!important;font-size:19px!important;font-weight:700!important;letter-spacing:-.01em;color:var(--ink,#FAFAFA)!important}







.ecom-ar-cal-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:var(--font-disp);font-size:15px;font-weight:600;color:var(--ink,#FAFAFA);text-align:left}








.ecom-ar-header .ecom-ar-hello{margin-bottom:14px}
.ecom-ar-header .ecom-ar-planlabel,

.ecom-ar-ov.is-ok{border-left-color:#3db88b}
.ecom-ar-ov.is-slow,.ecom-ar-ov.is-cap{border-left-color:#C7860B}
.ecom-ar-ov.is-fast{border-left-color:#E5484D}

.ecom-ar-ov-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.ecom-ar-ov-period{font-size:10px;color:#5a5a5a;margin:0 0 4px;font-variant-numeric:tabular-nums;flex:0 0 auto}

.ecom-ar-act{margin-bottom:16px;padding:12px;border-radius:10px;border:1px solid transparent}
.ecom-ar-act-main{display:flex;gap:10px;align-items:flex-start}
.ecom-ar-act-main svg{width:18px;height:18px;flex:0 0 auto;margin-top:2px}
.ecom-ar-act-txt{font-size:16px;font-weight:600;line-height:1.3}
.ecom-ar-act-why{font-size:11px;color:var(--mut,#8A8A8F);margin-top:4px;font-weight:400}
.ecom-ar-ov.is-ok .ecom-ar-act{color:#3db88b;background:rgba(61,184,139,.08);border-color:rgba(61,184,139,.25)}
.ecom-ar-ov.is-slow .ecom-ar-act,.ecom-ar-ov.is-cap .ecom-ar-act{color:#C7860B;background:rgba(199,134,11,.08);border-color:rgba(199,134,11,.25)}
.ecom-ar-ov.is-fast .ecom-ar-act{color:#E5484D;background:rgba(229,72,77,.08);border-color:rgba(229,72,77,.25)}
/* sforato: budget esaurito, blocco d'azione pieno e bordo più spesso */
.ecom-ar-ov.is-sforato{border-left-width:5px}
.ecom-ar-ov.is-sforato .ecom-ar-act{color:#FFFFFF;background:#E5484D;border-color:#E5484D}
.ecom-ar-ov.is-sforato .ecom-ar-act-why{color:rgba(255,255,255,.85)}
/* proposta AI, sotto il blocco d'azione */
.ecom-ar-mix{margin:0 0 16px;padding:0 2px}
.ecom-ar-mix-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ecom-ar-mix-chips{display:flex;flex-wrap:wrap;gap:6px}
.ecom-ar-mix-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:7px;background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.28);font-size:11px;font-weight:600;color:#A78BFA;white-space:nowrap}
.ecom-ar-mix-chip small{font-size:10.5px;font-weight:500;opacity:.7}
.ecom-ar-mix-chip.is-shoot{background:rgba(245,165,36,.1);border-color:rgba(245,165,36,.3);color:#F5A524}
.ecom-ar-mix-tot{font-size:11px;font-weight:500;color:var(--mut,#8A8A8F);white-space:nowrap}
.ecom-ar-mix-gir{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line);font-size:11px;line-height:1.45;color:var(--mut2,#B5B5BA)}
.ecom-ar-mix-gir b{color:var(--ink,#FAFAFA);font-weight:600}
.ecom-ar-mix-dots{display:inline-flex;gap:3px;flex:none}
.ecom-ar-mix-dots i{width:9px;height:9px;border-radius:2.5px;border:1px solid rgba(245,165,36,.55)}
.ecom-ar-mix-dots i.is-old{border-style:dashed}
.ecom-ar-mix-dots i.is-used{background:#F5A524;border-color:#F5A524}
.ecom-ar-mix-dots i.is-old.is-used{background:rgba(245,165,36,.45);border-color:transparent}
/* header: chip periodo sotto il nome, chip avanzamento a destra */
.ecom-ar-ov-head.is-top{align-items:flex-start}
.ecom-ar-ov-id{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.ecom-ar-ov-chip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;height:24px;padding:0 9px;border-radius:999px;background:#161616;border:1px solid var(--line);font-size:11px;font-weight:500;line-height:1;color:var(--mut2,#B5B5BA);white-space:nowrap;font-variant-numeric:tabular-nums}
.ecom-ar-ov-chip svg{width:12px;height:12px;flex:0 0 auto;color:var(--mut,#8A8A8F)}
.ecom-ar-ov-chip .sep{color:#5a5a5a}
.ecom-ar-ov-chip b{color:var(--ink,#FAFAFA);font-weight:700}
.ecom-ar-ov-chip.is-prog{margin-top:1px}
/* righello mesi sotto la barra */
.ecom-ar-ruler{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;margin-top:-2px}
.ecom-ar-ruler span{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:17px;font-size:9px;font-weight:500;line-height:1;color:#6b6b70}
.ecom-ar-ruler span::before{content:"";display:block;width:100%;height:4px;border-radius:2px;background:#333}
.ecom-ar-ruler span.done{color:#B5B5BA} /* mesi passati: bianco attenuato */
.ecom-ar-ruler span.done::before{background:#B5B5BA}
.ecom-ar-ruler span.cur{color:var(--ink,#FAFAFA);font-weight:700}
.ecom-ar-ov.is-ok .ecom-ar-ruler span.cur::before{background:rgba(61,184,139,.6)}
.ecom-ar-ov.is-slow .ecom-ar-ruler span.cur::before,.ecom-ar-ov.is-cap .ecom-ar-ruler span.cur::before{background:rgba(199,134,11,.6)}
.ecom-ar-ov.is-fast .ecom-ar-ruler span.cur::before{background:rgba(229,72,77,.6)}
.ecom-ar-ovdetail b{color:var(--ink,#FAFAFA);font-weight:600}
/* blocchi numeri */
.ecom-ar-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.ecom-ar-tile{display:flex;flex-direction:column;gap:3px;min-width:0;padding:9px 10px;border-radius:9px;background:#141414;border:1px solid var(--line)}
.ecom-ar-tile-l{font-size:10px;font-weight:600;color:#B5B5BA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* titolo: più chiaro e più marcato del sottotitolo */
.ecom-ar-tile-v{font-family:var(--font-disp);font-size:18px;font-weight:700;line-height:1.1;color:var(--ink,#FAFAFA);font-variant-numeric:tabular-nums}
.ecom-ar-tile-s{font-size:10px;line-height:1.3;color:var(--mut,#8A8A8F)}
.ecom-ar-tile.is-warn{border-color:rgba(199,134,11,.45)}
.ecom-ar-tile.is-warn .ecom-ar-tile-v,.ecom-ar-tile.is-warn .ecom-ar-tile-s{color:#C7860B}
/* card Reload: quattro blocchi (Usati, Quota, Pianificati, Ritmo recente) */
.ecom-ar-tiles.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:560px){.ecom-ar-tiles.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}} /* telefono: 2×2 */
.ecom-ar-tile.over .ecom-ar-tile-v{color:#E5484D}
.ecom-ar-tile.under .ecom-ar-tile-v{color:#C7860B}

.ecom-ar-det{padding-top:0}
.ecom-ar-ovbar{height:7px;background:#1f1f1f;border-radius:20px;overflow:hidden;margin-bottom:12px;position:relative}
.ecom-ar-ovbar.has-mark{overflow:visible;margin-top:17px}
.ecom-ar-ovbar.is-over .ecom-ar-ovfill{background:#E5484D;border-radius:20px}
.ecom-ar-ovfill{position:absolute;left:0;top:0;height:100%;border-radius:20px 0 0 20px;background:#6b7f8f}
.ecom-ar-ovapp{position:absolute;top:0;height:100%;background:#6b7f8f!important;opacity:.42}
.ecom-ar-ovhatch{position:absolute;top:0;height:100%;opacity:.5}
.ecom-ar-ov.is-slow .ecom-ar-ovhatch,.ecom-ar-ov.is-cap .ecom-ar-ovhatch{background:repeating-linear-gradient(45deg,#C7860B,#C7860B 3px,transparent 3px,transparent 7px)}
.ecom-ar-ov.is-fast .ecom-ar-ovhatch{background:repeating-linear-gradient(45deg,#E5484D,#E5484D 3px,transparent 3px,transparent 7px);border-radius:0 20px 20px 0}
.ecom-ar-ovmark{position:absolute;top:-6px;bottom:-6px;width:2px;background:#FAFAFA;border-radius:2px;z-index:3}
.ecom-ar-ovmark::after{content:"atteso";position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--mut,#8A8A8F)}




/* --- metriche per post (card contenuto) --- */
.ecom-ar-metrics{margin-top:4px;cursor:default}
.ecom-ar-mhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.ecom-ar-mchs{display:inline-flex;gap:2px;padding:3px;background:#161616;border-radius:8px}
.ecom-ar-mch{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:inline-flex!important;align-items:center;gap:5px;background:transparent!important;border:0!important;border-radius:6px!important;padding:5px 9px!important;margin:0!important;font-family:var(--font-body)!important;font-size:12px!important;font-weight:600!important;line-height:1!important;text-transform:none!important;letter-spacing:0!important;color:var(--mut,#8A8A8F)!important;box-shadow:none!important}
.ecom-ar-mch svg{width:12px;height:12px}
.ecom-ar-mch.on{background:#262626!important;color:var(--ink)!important}
.ecom-ar-mch.on[data-mch="ig"] svg{color:#E1306C}
.ecom-ar-mch.on[data-mch="fb"] svg{color:#1877F2}
.ecom-ar-mch:focus-visible{outline:2px solid #5AA9FF!important;outline-offset:1px}
.ecom-ar-mtiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.ecom-ar-mtile{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 10px 9px;background:#161616;border-radius:9px}
.ecom-ar-mtile strong{font-family:var(--font-disp);font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ecom-ar-mtile span{font-size:11px;color:var(--mut,#8A8A8F)}
.ecom-ar-mfoot{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:11px;color:var(--mut,#8A8A8F)}
.ecom-ar-mfoot svg{width:12px;height:12px;flex:0 0 auto}
.ecom-ar-mlink{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none!important;color:#B5B5BA!important}
.ecom-ar-mlink svg{width:12px;height:12px}
.ecom-ar-mtile{position:relative;outline:none}
.ecom-ar-mti{display:none;font-style:normal;line-height:0;color:var(--mut,#8A8A8F)}
.ecom-ar-mti svg{width:13px;height:13px}
.ecom-ar-mtile::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,3px);z-index:6;padding:5px 8px;border-radius:6px;background:#1f1f22;border:1px solid #333;color:#FAFAFA;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;display:none}
/* Mobile: quattro riquadri su una riga, icona al posto dell'etichetta, etichetta nel tooltip */
@media (max-width:560px){
.ecom-ar-mtiles{gap:5px}
.ecom-ar-mtile{flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:8px 4px}
.ecom-ar-mtile strong{font-size:15px;overflow-wrap:normal;white-space:nowrap}
.ecom-ar-mtile span{display:none}
.ecom-ar-mti{display:block}
.ecom-ar-mtile::after{display:block}
.ecom-ar-mtile:hover::after,.ecom-ar-mtile:focus::after{opacity:1;transform:translate(-50%,0)}
.ecom-ar-mtile:focus-visible{box-shadow:0 0 0 2px #5AA9FF}
}

/* --- box punti: pillola piano in alto a destra --- */
.ecom-ar-points-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ecom-ar-planpill{flex:0 0 auto;font-family:var(--font-body)!important;font-size:10px!important;font-weight:600!important;letter-spacing:.03em;color:var(--mut2,#B5B5BA)!important;background:transparent!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:6px 12px!important;height:auto!important;min-height:0!important;white-space:nowrap;line-height:1.5!important;display:inline-flex;align-items:center;gap:4px;text-transform:none!important;box-shadow:none!important}


/* --- copia caption --- */
.ecom-ar-copy{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:inline-flex!important;align-items:center;gap:6px;background:transparent!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:6px 10px!important;margin:0!important;font-family:var(--font-body)!important;font-size:11px!important;font-weight:600!important;line-height:1!important;text-transform:none!important;color:var(--mut2,#B5B5BA)!important;box-shadow:none!important}
.ecom-ar-copy svg{width:13px;height:13px}
.ecom-ar-copy.is-done{border-color:#3db88b!important;color:#3db88b!important}

/* --- timeline S.U.P.E→R. --- */
.ecom-ar-super{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:18px}
.ecom-ar-header .ecom-ar-super{margin-top:22px} /* staccato dal saluto (o dal fumetto di ēmiglio) */
.ecom-ar-super-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}
.ecom-ar-super-t{font-size:12px;font-weight:600;color:var(--mut2,#B5B5BA)}
.ecom-ar-super-p{font-size:11px;color:var(--mut)}
.ecom-ar-track{position:relative;height:3px;background:#1f1f1f;border-radius:3px;margin:0 6px 8px}
.ecom-ar-fill{position:absolute;left:0;top:0;height:100%;background:#3db88b;border-radius:3px}
.ecom-ar-mile{position:absolute;top:-5px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}
.ecom-ar-mdot{width:13px;height:13px;border-radius:50%;background:#1f1f1f;border:2px solid #2e2e2e}
.ecom-ar-mile.done .ecom-ar-mdot{background:#3db88b;border-color:#3db88b}
.ecom-ar-mile.now .ecom-ar-mdot{background:#000;border-color:#3db88b;box-shadow:0 0 0 4px rgba(61,184,139,.18)}
.ecom-ar-mlab{position:absolute;top:16px;font-size:10px;color:var(--mut);white-space:nowrap}
.ecom-ar-mile.is-first .ecom-ar-mlab{left:0}
.ecom-ar-mile.is-last .ecom-ar-mlab{right:0}
.ecom-ar-mile.done .ecom-ar-mlab{color:var(--mut2,#B5B5BA)}
.ecom-ar-mile.now .ecom-ar-mlab{color:#3db88b;font-weight:600}
/* pallini piccoli: top in pixel interi (linea 3px: pallino 5px → -1px, pallino grande 13px → -5px). Con top:50% e translate il telefono arrotondava
   il mezzo pixel e i pallini uscivano dalla linea. */
.ecom-ar-micro{position:absolute;top:-1px;transform:translateX(-50%);width:5px;height:5px;box-sizing:border-box;border-radius:50%;background:#2a2a2a}
.ecom-ar-micro.done{background:#3db88b}
.ecom-ar-super-foot{margin-top:34px;font-size:11px;color:var(--mut,#8A8A8F)}
.ecom-ar-super-foot b{color:var(--mut2,#B5B5BA);font-weight:600}

/* --- tab Andamento --- */
.ecom-ar-andamento{display:flex;flex-direction:column;gap:12px}
.ecom-ar-chsw{display:flex;gap:8px;margin-bottom:16px}
.ecom-ar-ch{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:inline-flex!important;align-items:center;gap:7px;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:7px 14px!important;margin:0!important;font-family:var(--font-body)!important;font-size:13px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;color:var(--mut2,#B5B5BA)!important;box-shadow:none!important}
.ecom-ar-ch .ico{width:15px!important;height:15px!important;flex:0 0 auto}
.ecom-ar-ch.on{border-color:var(--ink,#FAFAFA)!important;color:var(--ink,#FAFAFA)!important}
.ecom-ar-ch.ig.on .ico{color:#E1306C}
.ecom-ar-ch.fb.on .ico{color:#1877F2}
.ecom-ar-and-hero{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}
.ecom-ar-and-lab{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mut);margin-bottom:10px}
.ecom-ar-and-ico{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:8px;background:#1d1d20;color:#B5B5BA}
.ecom-ar-and-ico svg{width:14px;height:14px}
.ecom-ar-and-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.ecom-ar-and-num{font-family:var(--font-disp);font-size:56px;font-weight:600;letter-spacing:-.04em;line-height:.95;font-variant-numeric:tabular-nums}
.ecom-ar-and-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;padding-bottom:4px}
.ecom-ar-and-grow{font-size:15px;font-weight:700;color:#3db88b;white-space:nowrap}
.ecom-ar-and-grow small{font-size:12px;color:var(--mut);font-weight:400}
/* Linea dei follower degli ultimi 30 giorni */
.ecom-ar-spark{position:relative;height:70px;margin-top:16px;color:#3db88b}
.ecom-ar-spark.is-down{color:#E5484D}
.ecom-ar-spark svg{display:block;width:100%;height:100%;overflow:visible}
.ecom-ar-spark-area{fill:currentColor;opacity:.14}
.ecom-ar-spark-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ecom-ar-spark-dot{position:absolute;right:-3px;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px var(--panel)}
.ecom-ar-spark-x{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--mut)}
.ecom-ar-and-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ecom-ar-and-duo>.ecom-ar-and-cell:last-child:nth-child(odd){grid-column:1/-1}
.ecom-ar-and-cell{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}
.ecom-ar-and-r{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ecom-ar-and-v{font-family:var(--font-disp);font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
@media (max-width:400px){.ecom-ar-and-num{font-size:46px}.ecom-ar-and-v{font-size:22px}}
.ecom-ar-and-delta{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600}
.ecom-ar-and-delta svg{width:12px;height:12px}
.ecom-ar-and-delta.up{color:#3db88b}
.ecom-ar-and-delta.down{color:#E5484D}
.ecom-ar-and-note{font-size:11px;color:var(--mut);margin-top:4px}

/* --- toggle notifiche mail (header team) --- */
.ecom-ar-team-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ecom-ar-mailtoggle{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:inline-flex!important;align-items:center;gap:7px;background:rgba(61,184,139,.12)!important;border:1px solid rgba(61,184,139,.4)!important;border-radius:999px!important;padding:5px 12px!important;margin:0!important;font-family:var(--font-body)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.02em;line-height:1!important;color:#3db88b!important;transition:background .15s,border-color .15s,color .15s}
.ecom-ar-mailtoggle.is-off{background:rgba(229,72,77,.12)!important;border-color:rgba(229,72,77,.4)!important;color:#E5484D!important}
.ecom-ar-mt-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto;box-shadow:0 0 0 3px rgba(61,184,139,.18)}
.ecom-ar-mailtoggle.is-off .ecom-ar-mt-dot{box-shadow:0 0 0 3px rgba(229,72,77,.18)}
.ecom-ar-mailtoggle:disabled{opacity:.55;cursor:default}
.ecom-ar-mt-txt{opacity:.95}

/* --- divider contratti scaduti --- */
.ecom-ar-divider{display:flex;align-items:center;gap:12px;margin:26px 0 14px}
.ecom-ar-divider::before,.ecom-ar-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.ecom-ar-divider span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut,#8A8A8F)}
/* Contratti FLEX (ricaricabili): accento azzurro su intestazione e chip, per distinguerli dai RELOAD */
.ecom-ar-divider.is-flex span{color:#38BDF8}
.ecom-ar-divider.is-flex::before,.ecom-ar-divider.is-flex::after{background:rgba(56,189,248,.3)}
.ecom-ar-ov-chip.is-flex{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.35);color:#38BDF8;font-weight:700;letter-spacing:.06em}
/* Ricariche FLEX: linea del tempo, 4 per pagina */
.ecom-ar-rcw{margin-top:16px}
.ecom-ar-rc-h{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;color:var(--mut,#8A8A8F);margin-bottom:6px}
.ecom-ar-rc-h b{color:var(--ink);font-variant-numeric:tabular-nums}
.ecom-ar-tl{list-style:none!important;margin:0!important;padding:0!important}
.ecom-ar-tl li{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 0!important;margin:0!important}
.ecom-ar-tl li::before{content:"";position:absolute;left:6px;top:0;bottom:0;border-left:1px solid var(--line)}
.ecom-ar-tl li:first-child::before{top:50%}
.ecom-ar-tl li:last-child::before{bottom:50%}
.ecom-ar-tl li:only-child::before{display:none}
.ecom-ar-tl i{position:relative;justify-self:center;width:9px;height:9px;border-radius:50%;background:#5a5a5f;box-shadow:0 0 0 3px var(--panel)}
.ecom-ar-tl li.is-last i{background:#38BDF8;box-shadow:0 0 0 3px var(--panel),0 0 0 5px rgba(56,189,248,.35)}
.ecom-ar-tl-d{font-size:13px;color:#B5B5BA;min-width:0}
.ecom-ar-tl li.is-last .ecom-ar-tl-d{color:var(--ink)}
.ecom-ar-tl-d em{font-style:normal;font-size:11px;font-weight:600;color:#38BDF8;margin-left:6px}
.ecom-ar-tl b{font-family:var(--font-disp);font-size:14px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.ecom-ar-rc-pg{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px;font-size:11px;color:var(--mut,#8A8A8F);font-variant-numeric:tabular-nums}
.ecom-ar-rc-btn{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:inline-grid!important;place-items:center;width:26px;height:26px;padding:0!important;margin:0!important;background:#161616!important;border:1px solid var(--line)!important;border-radius:7px!important;color:var(--ink)!important;box-shadow:none!important;line-height:0!important}
.ecom-ar-rc-btn svg{width:14px;height:14px}
.ecom-ar-rc-btn:disabled{opacity:.35;cursor:default}
.ecom-ar-rc-btn:focus-visible{outline:2px solid #5AA9FF!important;outline-offset:1px}
.ecom-ar-ov.is-expired{border-left-color:#5a5a5a;opacity:.72}
.ecom-ar-ov.is-expired .ecom-ar-ov-name{color:var(--mut2,#B5B5BA)}

/* --- loading a pallini --- */
.ecom-ar-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.ecom-ar-dots{display:flex;gap:8px}
.ecom-ar-dots span{width:9px;height:9px;border-radius:50%;background:#3db88b;animation:ecomBounce 1s ease-in-out infinite}
.ecom-ar-dots span:nth-child(2){animation-delay:.15s}
.ecom-ar-dots span:nth-child(3){animation-delay:.3s}
@keyframes ecomBounce{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-7px);opacity:1}}
.ecom-ar-loading-txt{font-size:13px;color:var(--mut,#8A8A8F)}

/* --- card campagna --- */
.ecom-ar-campaigns{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.ecom-ar-campaign{background:var(--panel);border:1px solid var(--line);border-left:3px solid #A78BFA;border-radius:12px;padding:16px 18px}
.ecom-ar-campaign.is-done{border-left-color:#5a5a5a}
.ecom-ar-camp-when{margin:0 0 10px}
.ecom-ar-camp-when span{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:7px;background:#161616;font-size:12px;font-weight:500;color:#B5B5BA}
.ecom-ar-camp-when svg{width:13px;height:13px;flex:0 0 auto;color:#A78BFA}
.ecom-ar-camp-when.is-done svg{color:var(--mut)}
.ecom-ar-camp-when .ecom-ar-camp-live{display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#A78BFA;animation:ecomArCampPulse 1.8s ease-in-out infinite}
.ecom-ar-camp-title{font-family:var(--font-disp);font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.3;margin-bottom:16px;text-wrap:balance}
.ecom-ar-camp-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@media (max-width:560px){.ecom-ar-camp-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ecom-ar-camp-mv{font-size:20px}}
/* riquadro compatto: in alto iconcina e variazione sulla stessa riga, sotto numero ed etichetta */
.ecom-ar-camp-tile{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0;padding:8px 9px;background:#161616;border-radius:10px}
.ecom-ar-camp-tr{display:contents}
.ecom-ar-camp-ico{order:0;width:22px!important;height:22px!important;border-radius:7px!important;margin-bottom:4px}
.ecom-ar-camp-ico svg{width:12px!important;height:12px!important}
.ecom-ar-camp-mv{order:1;flex:0 0 100%;font-family:var(--font-disp);font-size:18px;font-weight:600;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ecom-ar-camp-tile.is-budget .ecom-ar-camp-mv{color:#A78BFA}
.ecom-ar-campaign.is-done .ecom-ar-camp-tile.is-budget .ecom-ar-camp-mv{color:var(--ink)}
.ecom-ar-camp-ml{order:2;flex:0 0 100%;font-size:11px;color:var(--mut)}
.ecom-ar-camp-delta{order:0;margin:0 0 4px auto;display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;white-space:nowrap}
.ecom-ar-camp-delta svg{width:12px;height:12px}
.ecom-ar-camp-delta.up{color:#3db88b}
.ecom-ar-camp-delta.down{color:#E5484D}
.ecom-ar-camp-delta.neutro{color:#C7860B}
.ecom-ar-camp-delta.info{color:var(--mut)}
.ecom-ar-camp-goals{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.ecom-ar-camp-goal{font-size:11px;border:1px solid;border-radius:999px;padding:3px 9px}
@keyframes ecomArCampPulse{0%,100%{opacity:1}50%{opacity:.3}}
.ecom-ar-camp-wait{font-size:13px;line-height:1.5;color:var(--mut);background:rgba(167,139,250,.08);border:1px dashed rgba(167,139,250,.35);border-radius:10px;padding:12px 14px}
.ecom-ar-camp-wait strong{color:var(--ink);font-weight:600}
.ecom-ar-camp-note{font-size:11px;color:var(--mut);margin-top:10px}

/* --- chip tag social sulla card --- */
.ecom-ar-tagchip{display:inline-flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:.02em;padding:3px 9px;border-radius:999px;line-height:1.3;margin-left:6px;border:0;text-transform:none}

/* --- pill costo sulla riga titolo --- */
.ecom-ar-card-main{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ecom-ar-card-main .ecom-ar-title{flex:1 1 auto;min-width:0}

/* --- filtri scrollabili --- */
.ecom-ar-filters{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0!important;padding:0 0 2px!important;position:relative}
.ecom-ar-filters::-webkit-scrollbar{display:none}
.ecom-ar-filters .ecom-ar-chip{flex:0 0 auto}
/* Ricerca clienti (vista team): lente a destra delle chip, il campo si apre verso sinistra */
.ecom-ar-isearch{display:flex;align-items:center;flex:0 0 auto;height:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden}
.ecom-ar-isearch input{appearance:none!important;-webkit-appearance:none!important;width:0!important;min-width:0!important;height:26px!important;padding:0!important;margin:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-family:var(--font-body)!important;font-size:12px!important;color:var(--ink)!important;transition:width .2s ease,padding .2s ease}
.ecom-ar-isearch input::placeholder{color:var(--mut)}
.ecom-ar-isearch input::-webkit-search-cancel-button{-webkit-appearance:none}
.ecom-ar-isearch.is-open input{width:150px!important;padding:0 0 0 12px!important}
.ecom-ar-isearch-btn{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:grid!important;place-items:center;width:28px!important;height:26px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--mut)!important}
.ecom-ar-isearch-btn svg{width:14px;height:14px}
.ecom-ar-isearch.is-open .ecom-ar-isearch-btn{color:var(--ink)!important}
.ecom-ar-isearch-x{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:none!important;place-items:center;width:20px!important;height:20px!important;padding:0!important;margin:0 0 0 4px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;box-shadow:none!important;color:var(--mut)!important;flex:0 0 auto}
.ecom-ar-isearch-x svg{width:10px;height:10px}
.ecom-ar-isearch-x:hover{color:var(--ink)!important}
.ecom-ar-isearch.is-open .ecom-ar-isearch-x{display:grid!important}
.ecom-ar-filters.is-searching{opacity:.4}
@media (max-width:480px){.ecom-ar-isearch.is-open input{width:120px!important}}
.ecom-ar-fsep{flex:0 0 auto;width:1px;height:18px;margin:0 3px;background:#333}

/* --- share video nel lightbox --- */
.ecom-ar-lb-vbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.ecom-ar-lb-share{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:inline-flex!important;align-items:center;gap:6px;background:#FAFAFA!important;color:#000!important;border:0!important;border-radius:8px!important;padding:8px 14px!important;margin:0!important;font-family:var(--font-body)!important;font-size:13px!important;font-weight:600!important;line-height:1!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
.ecom-ar-lb-share svg{width:15px!important;height:15px!important}
.ecom-ar-lb-share:disabled{opacity:.6!important;cursor:default}

/* --- carosello Canva nella descrizione --- */
.ecom-ar-canva{position:relative;width:100%;height:0;padding-top:125%;border-radius:8px;overflow:hidden;margin:14px 0;background:#0A0A0A;border:1px solid var(--line)}
.ecom-ar-canva iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* --- heading dentro la descrizione task --- */
.ecom-ar-desc h1{font-size:20px!important;line-height:1.3!important;margin:14px 0 8px!important}
.ecom-ar-desc h2{font-size:18px!important;line-height:1.3!important;margin:12px 0 6px!important}
.ecom-ar-desc h3{font-size:16px!important;line-height:1.3!important;margin:12px 0 6px!important}
.ecom-ar-desc h4,.ecom-ar-desc h5,.ecom-ar-desc h6{font-size:15px!important;line-height:1.3!important;margin:10px 0 6px!important}

/* --- storico punti nella card Insight --- */
.ecom-ar-hist{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.ecom-ar-hist.is-chart{border-top:0;padding-top:0}
.ecom-ar-hist>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ecom-ar-hist>summary::-webkit-details-marker{display:none}
.ecom-ar-hist-t{font-size:12px;color:var(--mut,#8A8A8F);font-weight:600}
/* Storico mesi: piano (RELOAD N) e legenda della linea tratteggiata */
.ecom-ar-hhead{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:14px}
.ecom-ar-hplan{font-family:var(--font-disp);font-size:11px;font-weight:800;-webkit-text-stroke:.35px currentColor;letter-spacing:.08em;line-height:1;color:#0E0E0E;background:#E7E2D6;border-radius:6px;padding:5px 8px}
.ecom-ar-hplan.is-600{background:#F5B8C9}
.ecom-ar-hplan.is-900{background:#8FDCCF}
.ecom-ar-hplan.is-1200{background:#F2D37C}
.ecom-ar-hsub{font-size:12px;color:#B5B5BA}
.ecom-ar-hsub b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.ecom-ar-hpg{margin:0 0 0 auto!important}

.ecom-ar-hist-tog{display:inline-block;width:14px;text-align:center;margin-right:6px;color:var(--mut,#8A8A8F);font-weight:700}
.ecom-ar-hist[open] .ecom-ar-hist-tog::before{content:"−"}
.ecom-ar-hist:not([open]) .ecom-ar-hist-tog::before{content:"+"}
.ecom-ar-chart{position:relative;display:flex;align-items:flex-end;gap:6px;height:114px;margin-top:14px;border-bottom:1px solid var(--line)}
.ecom-ar-hcol{flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}
.ecom-ar-hv{font-size:9px;line-height:1;color:var(--mut2,#B5B5BA);font-variant-numeric:tabular-nums;margin-bottom:3px;white-space:nowrap}
.ecom-ar-hb{width:100%;max-width:22px;background:#3db88b;border-radius:4px 4px 0 0}
.ecom-ar-hcol.inline .ecom-ar-hb{background:#3db88b}
.ecom-ar-hcol.under .ecom-ar-hb{background:#C7860B}
.ecom-ar-hcol.over .ecom-ar-hb{background:#E5484D}
.ecom-ar-chartx{display:flex;gap:6px;margin-top:5px}
.ecom-ar-chartx span{flex:1 1 0;min-width:0;text-align:center;font-size:9px;color:var(--mut,#8A8A8F)}
.ecom-ar-chartx span.cur{color:var(--ink,#FAFAFA);font-weight:700}
.ecom-ar-chartx span.fut{color:#4a4a4a}
.ecom-ar-hcol.is-future .ecom-ar-hb{height:3px;background:#1f1f1f;border-radius:2px}
.ecom-ar-hcol{position:relative;z-index:1}
/* linea del ritmo previsto */
.ecom-ar-hline{position:absolute;left:0;right:0;border-top:1px dashed #5a5a5a;z-index:0;pointer-events:none}
/* mese in corso: obiettivo = quota del mese */
.ecom-ar-hgoal{width:100%;max-width:22px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;border:1px dashed #C7860B;border-bottom:0;border-radius:4px 4px 0 0;background:rgba(199,134,11,.06)}
.ecom-ar-hgoal .ecom-ar-hb{max-width:none;background:#C7860B;border-radius:0;flex:0 0 auto}
/* confermati non ancora usciti, sopra i pubblicati */
.ecom-ar-hconf{width:100%;flex:0 0 auto;background:repeating-linear-gradient(45deg,#C7860B,#C7860B 2px,transparent 2px,transparent 5px);opacity:.7}
.ecom-ar-hcol.is-target .ecom-ar-hv{color:#C7860B;font-weight:600}
/* numeri sotto il grafico */
/* Riquadro sotto lo storico: ritmo degli ultimi 3 mesi in grande, frase a fianco. Bordo tratteggiato: si
   distingue dal blocco d'azione in alto (bordo pieno), che dice cosa fare */
.ecom-ar-hins{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin-top:14px;padding:10px 12px;border-radius:10px;background:rgba(61,184,139,.05);border:1px dashed rgba(61,184,139,.45)}
.ecom-ar-hins.is-over{background:rgba(229,72,77,.05);border-color:rgba(229,72,77,.5)}
.ecom-ar-hins.is-under{background:rgba(199,134,11,.05);border-color:rgba(199,134,11,.5)}
.ecom-ar-hins-k{display:flex;flex-direction:column;gap:2px}
.ecom-ar-hins-k b{font-family:var(--font-disp);font-size:18px;font-weight:700;line-height:1;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums;color:#3db88b}
.ecom-ar-hins.is-over .ecom-ar-hins-k b{color:#E5484D}
.ecom-ar-hins.is-under .ecom-ar-hins-k b{color:#C7860B}
.ecom-ar-hins-k span{font-size:10px;color:var(--mut,#8A8A8F);white-space:nowrap}
.ecom-ar-hins p{margin:0!important;font-size:11px!important;line-height:1.45!important;color:var(--mut2,#B5B5BA)!important}
.ecom-ar-hins p b{font-weight:600;color:var(--ink,#FAFAFA)}
.ecom-ar-hins p b.over{color:#E5484D}
.ecom-ar-hins p b.under{color:#C7860B}
.ecom-ar-hins p b.ecom-ar-hins-link{display:block;margin-top:3px}

/* --- proposte AI --- */

.ecom-ar-ovstats{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:12px}
.ecom-ar-ovstat{display:flex;flex-direction:column}
.ecom-ar-snum{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.ecom-ar-slab{font-size:11px;color:var(--mut);margin-top:2px}

.ecom-ar-planrow{margin-top:12px}

.ecom-ar-ovdetail{font-size:10px;color:var(--mut,#8A8A8F);margin-top:9px;font-variant-numeric:tabular-nums}

.ecom-ar-ovbar [data-tip]{position:absolute}
.ecom-ar-ovbar [data-tip]::after{content:attr(data-tip);position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#1c1c1c;border:1px solid var(--line);border-radius:6px;padding:5px 9px;font-size:10px;font-weight:600;color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:5}
.ecom-ar-ovbar [data-tip]:hover::after{opacity:1}
/* --- Nuova richiesta: floating "+" e modal (entrambi su <body>, fuori da .ecom-ar) --- */
.ecom-ar-fab{position:fixed!important;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:99990;isolation:isolate;appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:center!important;width:56px!important;height:56px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#000!important;box-shadow:none!important;transition:transform .15s ease}
/* Alone conico netto tutto intorno (colori del logo), sotto il disco bianco */
.ecom-ar-fab::before{content:"";position:absolute;inset:-5px;z-index:-2;border-radius:50%;background:conic-gradient(from 200deg,#E8304F,#FF7A45,#A61C7C,#2E4A9A,#5B8CFF,#A61C7C,#E8304F);filter:blur(9px);opacity:.95;transition:inset .2s ease,filter .2s ease,opacity .2s ease;pointer-events:none}
.ecom-ar-fab::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:#FAFAFA;box-shadow:0 4px 14px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.6);pointer-events:none}
.ecom-ar-fab:hover{transform:scale(1.06)}
.ecom-ar-fab:hover::before{inset:-7px;filter:blur(11px);opacity:1}
.ecom-ar-fab:active{transform:scale(.96)}
.ecom-ar-fab svg{width:26px!important;height:26px!important;display:block}

.ecom-ar-nr{--ink:#FAFAFA;--mut:#8A8A8F;--line:#262626;--panel:#0E0E0E;--font-disp:'Telegraf','Space Grotesk','Helvetica Neue',Arial,sans-serif;--font-body:'Work Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased}
.ecom-ar-nr *,.ecom-ar-nr *::before,.ecom-ar-nr *::after{box-sizing:border-box}
.ecom-ar-nr-panel{position:relative;width:min(460px,100%);max-height:90vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 18px 18px}
.ecom-ar-nr .ecom-ar-nr-close{top:12px;right:12px;width:34px!important;height:34px!important;font-size:22px!important}
.ecom-ar-nr-body{display:flex;flex-direction:column;gap:14px}
.ecom-ar-nr-h{font-family:var(--font-disp)!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.02em;line-height:1.1!important;color:#FAFAFA!important;margin:0 40px 0 0!important;padding:0!important;text-transform:none!important}
.ecom-ar-nr-sub{font-size:13px!important;line-height:1.5!important;color:var(--mut)!important;margin:-6px 0 0!important}
.ecom-ar-nr-lbl{display:flex!important;flex-direction:column;gap:6px;font-size:12px!important;font-weight:600!important;color:#B5B5BA!important;margin:0!important;text-transform:none!important;letter-spacing:0!important}
.ecom-ar-nr-lt b{color:#FBBF24;font-weight:600}
.ecom-ar-nr-lbl em{font-style:normal;font-weight:400;color:var(--mut)}
.ecom-ar-nr .ecom-ar-revtext{font-size:16px!important;font-weight:400!important} /* 16px: niente zoom su iOS */
.ecom-ar-nr-title{height:auto!important;min-height:0!important}
/* conferma di uscita: pannello stretto, "Esci" rosso */
.ecom-ar-nr-panel.ecom-ar-cf{width:min(360px,100%)}
.ecom-ar-cf .ecom-ar-nr-h{margin:0!important}
.ecom-ar-cf .ecom-ar-revbtns{margin-top:4px}
.ecom-ar-cf .ecom-ar-revsend{background:#E5484D!important;color:#FFFFFF!important}
.ecom-ar-nr-add{align-self:flex-start;cursor:pointer;display:inline-flex!important;align-items:center;font-size:12px!important;font-weight:600!important;color:#FAFAFA!important;background:#1a1a1a!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:8px 12px!important;margin:0!important}
.ecom-ar-nr-files{display:flex;flex-direction:column;gap:6px}
.ecom-ar-nr-files:empty{display:none}
.ecom-ar-nr-file{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:#B5B5BA;background:#000;border:1px solid var(--line);border-radius:8px;padding:6px 6px 6px 10px}
.ecom-ar-nr-fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#B5B5BA!important}
.ecom-ar-nr-file button{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;flex:0 0 auto;width:24px!important;height:24px!important;padding:0!important;margin:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#8A8A8F!important;font-size:18px!important;line-height:1!important;box-shadow:none!important}
.ecom-ar-nr-file button:hover{color:#FAFAFA!important;background:#1a1a1a!important}
.ecom-ar-nr-err{font-size:12px;color:#F87171!important}
.ecom-ar-nr-err[hidden]{display:none!important}
.ecom-ar-nr-done{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ecom-ar-nr-check{width:48px;height:48px;border-radius:50%;background:rgba(74,222,128,.14);color:#4ADE80;display:flex;align-items:center;justify-content:center}
.ecom-ar-nr-check svg{width:26px;height:26px}
.ecom-ar-nr-done .ecom-ar-nr-sub{margin:-6px 0 0!important}
.ecom-ar-nr-warn{font-size:12px!important;line-height:1.5!important;color:#FBBF24!important;margin:0!important}
.ecom-ar-nr-done .ecom-ar-revbtns{width:100%}
.ecom-ar-nr [disabled]{opacity:.6;cursor:default}

/* --- Errori recuperabili e sessione scaduta --- */
.ecom-ar-error{display:flex;flex-direction:column;align-items:center;gap:14px}
.ecom-ar-retry{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;font-family:var(--font-body,'Work Sans',sans-serif)!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;color:#FAFAFA!important;background:transparent!important;border:1px solid #262626!important;border-radius:9px!important;padding:9px 18px!important;margin:0!important;box-shadow:none!important}
.ecom-ar-retry:hover{background:#1a1a1a!important}
.ecom-ar-session{z-index:100000}
.ecom-ar-session a.ecom-ar-revsend{display:flex!important;align-items:center;justify-content:center;text-decoration:none!important}

/* --- Logout: icona in alto a destra nell'header --- */
.ecom-ar-header{position:relative}
.ecom-ar-header:not(.ecom-ar-header-team) > .ecom-ar-logout{position:absolute;top:27px;right:14px}
.ecom-ar-header:not(.ecom-ar-header-team) .ecom-ar-hello{padding-right:40px}
.ecom-ar-team-row .ecom-ar-mailtoggle{margin-left:auto!important;margin-bottom:14px!important} /* stessa compensazione del logout: centrata sul titolo */
.ecom-ar-team-row .ecom-ar-logout{margin-bottom:14px} /* allineata al titolo, che ha margin-bottom:14px */
.ecom-ar-logout{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto;width:32px!important;height:32px!important;padding:0!important;margin:0;border:0!important;border-radius:8px!important;background:transparent!important;color:#8A8A8F!important;text-decoration:none!important;box-shadow:none!important;transition:color .15s,background .15s}
.ecom-ar-logout:hover{color:#FAFAFA!important;background:#1a1a1a!important}
.ecom-ar-logout svg{width:18px!important;height:18px!important;display:block}

/* --- Menu dei piani (più PLAN): chip con freccia + elenco --- */
.ecom-ar-plandd{position:relative;display:inline-block}
.ecom-ar-plandd-btn{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;gap:7px!important;padding:6px 10px 6px 11px!important;color:var(--ink,#FAFAFA)!important;border-color:#3a3a3a!important;font-size:11px!important;margin:0!important}
.ecom-ar-plandd-btn:hover,.ecom-ar-plandd-btn[aria-expanded="true"]{background:#1a1a1a!important;border-color:#555!important}
.ecom-ar-plandd-lab{display:block;min-width:0;white-space:nowrap}
@media (max-width:560px){.ecom-ar-plandd-lab{max-width:46vw;overflow:hidden;text-overflow:ellipsis}} /* solo su telefono il nome lungo arriva al bordo */
.ecom-ar-plandd-chev{width:13px;height:13px;flex:0 0 auto;color:var(--mut,#8A8A8F);transition:transform .15s ease}
.ecom-ar-plandd-btn[aria-expanded="true"] .ecom-ar-plandd-chev{transform:rotate(180deg)}
.ecom-ar-plandd-dot{width:7px;height:7px;border-radius:50%;background:#5a5a5f;flex:0 0 auto}
.ecom-ar-plandd-dot.is-cur{background:#3db88b;box-shadow:0 0 0 3px rgba(61,184,139,.18)}
.ecom-ar-plandd-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:20;min-width:240px;max-width:min(320px,80vw);background:#141414;border:1px solid #2e2e2e;border-radius:12px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.55)}
.ecom-ar-plandd-menu[hidden]{display:none!important}
.ecom-ar-plandd-opt{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;text-align:left!important;background:transparent!important;border:0!important;border-radius:8px!important;padding:9px 8px!important;margin:0!important;color:var(--ink,#FAFAFA)!important;font-family:var(--font-body)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
.ecom-ar-plandd-opt:hover{background:#1f1f1f!important}
.ecom-ar-plandd-opt.is-sel{background:#1b1b1b!important}
.ecom-ar-plandd-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.ecom-ar-plandd-name{font-size:13px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecom-ar-plandd-sub{font-size:11px;color:var(--mut,#8A8A8F);line-height:1.3}
.ecom-ar-plandd-check{width:15px;height:15px;color:#3db88b;flex:0 0 auto}

/* --- Riquadro punti: disponibili e riporto su una riga --- */
.ecom-ar-pf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;font-size:13px;color:var(--mut,#8A8A8F)}
.ecom-ar-pf-it{display:inline-flex;align-items:center;gap:7px}
.ecom-ar-pf-it svg{width:16px;height:16px;flex:0 0 auto;color:var(--mut,#8A8A8F)}
.ecom-ar-pf-it b{color:#FAFAFA;font-weight:600;font-variant-numeric:tabular-nums}
.ecom-ar-pf-it.is-neg b,.ecom-ar-pf-it.is-neg svg{color:#E5484D}
.ecom-ar-pf-it.is-pos b,.ecom-ar-pf-it.is-pos svg{color:#3db88b}

/* --- ēmiglio, la mascotte AI (assets/emiglio.png, 160×123) --- */
.ecom-ar-emi{display:inline-block;flex:0 0 auto;background:url("emiglio.png") center/contain no-repeat;vertical-align:middle}
.ecom-ar-emi.is-title{width:40px;height:31px}
.ecom-ar-emi.is-mix{width:26px;height:20px}
.ecom-ar-emi.is-say{width:44px;height:34px}
.ecom-ar-emi.is-loader{width:72px;height:55px}
.ecom-ar-emi.is-empty{width:64px;height:49px}
@media (prefers-reduced-motion:no-preference){
  .ecom-ar-emi.is-float{animation:ecom-emi-float 2.4s ease-in-out infinite}
  @keyframes ecom-emi-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
}

/* Firma della proposta AI: solo l'immagine di ēmiglio */
.ecom-ar-mix-by{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#A78BFA;margin-right:4px;white-space:nowrap}

/* Fumetto sotto il saluto (area clienti) */
.ecom-ar-say-link{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;background:transparent!important;border:0!important;padding:0!important;margin:0!important;font:inherit!important;font-weight:700!important;color:#111!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#A78BFA;text-decoration-thickness:2px;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;min-height:0!important;height:auto!important}

/* Stato vuoto delle pubblicazioni */
.ecom-ar-empty-emi{display:flex;flex-direction:column;align-items:center;gap:8px}
.ecom-ar-empty-emi b{color:#FAFAFA;font-size:14px;font-weight:600}
.ecom-ar-empty-emi span:not(.ecom-ar-emi){font-size:13px;color:#8A8A8F}

/* --- Easter egg di ēmiglio --- */
.ecom-ar-emi-btn{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center;background:transparent!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;min-height:0!important;height:auto!important;line-height:0!important;border-radius:12px!important;-webkit-tap-highlight-color:transparent}
.ecom-ar-emi-btn:focus-visible{outline:2px solid #A78BFA;outline-offset:3px}
@media (prefers-reduced-motion:no-preference){
  .ecom-ar-emi-btn.is-squish{animation:ecom-emi-squish .45s cubic-bezier(.3,1.6,.5,1)}
  .ecom-ar-emi-btn.is-spin{animation:ecom-emi-spin .8s cubic-bezier(.4,0,.2,1)}
  @keyframes ecom-emi-squish{0%{transform:scale(1,1)}30%{transform:scale(1.18,.82)}60%{transform:scale(.92,1.1)}100%{transform:scale(1,1)}}
  @keyframes ecom-emi-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(200deg) scale(1.15)}100%{transform:rotate(360deg) scale(1)}}
}
.ecom-ar-confetto{position:fixed;z-index:100001;width:7px;height:7px;border-radius:2px;pointer-events:none;transition:transform .9s cubic-bezier(.2,.7,.3,1),opacity .9s ease-in}

/* --- Fumetto di ēmiglio, stile robot dei cartoni: nuvoletta quasi squadrata, chiara,
       con ombra netta viola, codina a punta verso ēmiglio e testo da macchina --- */
.ecom-ar-say{display:flex;align-items:flex-end;gap:14px;margin-top:16px}
.ecom-ar-bubble{position:relative;background:#F4F4F2;color:#2a2a2e;border-radius:4px;padding:10px 13px;
  font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:12.5px;line-height:1.55;
  max-width:36ch;box-shadow:3px 3px 0 #A78BFA}
.ecom-ar-bubble b{color:#000;font-weight:700}
.ecom-ar-bubble b.is-review{color:#B45309}
/* codina: punta verso sinistra, in basso (fumetto del cliente: ēmiglio è a sinistra in basso) */
.ecom-ar-bubble::before{content:"";position:absolute;left:-9px;bottom:9px;border-style:solid;border-width:6px 10px 6px 0;border-color:transparent #F4F4F2 transparent transparent}
/* mentre parla: cursore a blocco lampeggiante a fine frase */
.ecom-ar-bubble.is-talking::after{content:"";display:inline-block;width:.55em;height:1.05em;margin-left:4px;vertical-align:-2px;background:#2a2a2e}
@media (prefers-reduced-motion:no-preference){
  .ecom-ar-bubble.is-talking::after{animation:ecom-caret 1s steps(1) infinite}
  @keyframes ecom-caret{50%{opacity:0}}
}

/* Area team: titolo, ēmiglio e fumetto sulla stessa riga */
.ecom-ar-team-emi{display:inline-flex;align-items:center;gap:14px;margin-bottom:14px;min-width:0;min-height:44px} /* spazio già riservato al fumetto: la riga non cambia altezza quando compare */
.ecom-ar-team-say{max-width:min(90ch,100%)}
@media (min-width:760px){.ecom-ar-team-say{white-space:nowrap}} /* su desktop il dato sta su una riga */
.ecom-ar-header-team{border-bottom:0} /* nella vista team i filtri stanno subito sotto: niente divisore */
.ecom-ar-team-say::before{bottom:auto;top:50%;margin-top:-6px}
.ecom-ar-team-say[hidden]{display:none!important}
.ecom-ar-team-emi.is-wait{visibility:hidden} /* mentre carica ēmiglio sta al centro: qui resta solo lo spazio */
@media (prefers-reduced-motion:no-preference){
  .ecom-ar-team-say.is-swap{animation:ecom-say-in .35s ease}
  @keyframes ecom-say-in{from{opacity:0;transform:translateY(3px)}}
}
/* telefono: ēmiglio va a capo sotto "Area team" (dopo Mail e logout) e il fumetto prende tutta la larghezza */
@media (max-width:759px){
  .ecom-ar-team-emi{order:10;flex:1 1 100%;display:flex}
  .ecom-ar-team-say{flex:1;min-width:0;max-width:none}
}
.ecom-ar-team-row{flex-wrap:wrap}
.ecom-ar-team-row .ecom-ar-mailtoggle{margin-left:auto!important}

/* --- Scheda aperta: sezioni Allegati e Caption con etichetta --- */
.ecom-ar-dsec + .ecom-ar-dsec{margin-top:18px}
.ecom-ar-dsec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;margin-bottom:8px}
.ecom-ar-dsec-k{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8A8A8F}
.ecom-ar-files{display:flex;flex-direction:column;border:1px solid var(--line,#262626);border-radius:12px;overflow:hidden}
.ecom-ar-file{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0;padding:10px 12px!important;margin:0!important;background:#070707!important;border:0!important;border-radius:0!important;text-align:left!important;text-decoration:none!important;font-family:var(--font-body)!important;font-size:13px!important;font-weight:400!important;line-height:1.3!important;text-transform:none!important;letter-spacing:0!important;color:#FAFAFA!important;box-shadow:none!important}
.ecom-ar-file + .ecom-ar-file{border-top:1px solid #1c1c1e!important}
.ecom-ar-file:hover{background:#111113!important}
span.ecom-ar-file{cursor:default}
.ecom-ar-file-ic{width:30px;height:30px;border-radius:8px;background:#161618;display:grid;place-items:center;flex:0 0 auto;color:#B5B5BA}
.ecom-ar-file-ic svg{width:15px;height:15px}
.ecom-ar-file-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecom-ar-file-go{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#8A8A8F;flex:0 0 auto}
.ecom-ar-file-go svg{width:16px;height:16px}
.ecom-ar-file:hover .ecom-ar-file-go{color:#FAFAFA}
.ecom-ar-dsec .ecom-ar-desc{margin-top:0}

/* --- Scheda chiusa: giorno a calendario, titolo e formato, stato tono su tono --- */
.ecom-ar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;min-height:58px;border-radius:10px;background:#161618;padding:6px 0;line-height:1}
.ecom-ar-day-wd{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#FF5A4F} /* rosso del Calendario Apple, versione per fondo scuro */
.ecom-ar-day-n{font-family:var(--font-disp);font-size:21px;font-weight:700;color:#FAFAFA;margin:3px 0 2px;font-variant-numeric:tabular-nums}
.ecom-ar-day-m{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8A8A8F}
.ecom-ar-day-h{margin-top:5px;padding-top:5px;border-top:1px solid #26262a;font-size:11px;font-weight:600;color:#FAFAFA;font-variant-numeric:tabular-nums}
.ecom-ar-sum-mid{display:flex;flex-direction:column;gap:6px;min-width:0}
.ecom-ar-sum-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;color:#8A8A8F}
.ecom-ar-fmt{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.ecom-ar-fmt svg{width:14px;height:14px;flex:0 0 auto}
.ecom-ar-sum-meta{font-variant-numeric:tabular-nums}
.ecom-ar-sum-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch;gap:8px}
.ecom-ar-stpill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;line-height:1;padding:6px 9px 6px 7px;border-radius:7px;white-space:nowrap}
.ecom-ar-stpill svg{width:13px;height:13px;flex:0 0 auto}
.ecom-ar-sum > .ecom-ar-metrics{grid-column:1 / -1}

/* Shooting da confermare: contenuti previsti sopra i pulsanti */
.ecom-ar-shoot-plan{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:14px;color:#B5B5BA}
.ecom-ar-shoot-plan svg{width:15px;height:15px;flex:0 0 auto;color:#8A8A8F}
.ecom-ar-shoot-plan b{color:#FAFAFA;font-weight:600}
.ecom-ar-shoot-plan + .ecom-ar-actions{margin-top:10px}

/* --- Documenti: "Apri" e "Scarica" della stessa misura --- */
.ecom-ar-docbtn{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;box-sizing:border-box!important;min-width:0!important;height:32px!important;padding:0 12px 0 10px!important;margin:0!important;font-family:var(--font-body)!important;font-size:13px!important;font-weight:600!important;line-height:1!important;text-transform:none!important;letter-spacing:0!important;text-decoration:none!important;color:#FAFAFA!important;background:#000!important;border:1px solid var(--line,#262626)!important;border-radius:9px!important;box-shadow:none!important}
.ecom-ar-docbtn:hover{border-color:#3a3a3a!important;background:#111113!important}
.ecom-ar-docbtn .ecom-ar-ico-pdf svg{width:16px;height:16px}
.ecom-ar-docbtn.is-off{cursor:default;color:#8A8A8F!important;font-weight:500!important}

/* Sfumatura delle chip solo dal lato in cui ce ne sono altre nascoste (classi messe da updateFades in app.js) */
.ecom-ar-filters.fade-r{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}
.ecom-ar-filters.fade-l{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent)}
.ecom-ar-filters.fade-l.fade-r{-webkit-mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent)}

/* Vista calendario: stessa riga della lista, chip invisibili, niente margine in più sopra il calendario */
.ecom-ar-filterrow.is-cal .ecom-ar-filters{visibility:hidden}
.ecom-ar-filterrow.is-cal + .ecom-ar-cal .ecom-ar-cal-head{margin-top:0}
/* Scheda senza data: icona calendario con punto di domanda al posto del giorno */
.ecom-ar-day-none{display:grid;place-items:center;color:#5f5f66}
.ecom-ar-day-none svg{width:24px;height:24px}

/* Stato sul telefono: solo icona, il testo esce in un fumetto al tocco */
.ecom-ar-stpill{position:relative}
@media (max-width:480px){
  .ecom-ar-stpill{padding:7px!important;cursor:pointer}
  .ecom-ar-stpill svg{width:14px;height:14px}
  .ecom-ar-stpill-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  /* fumetto a sinistra della pillola: sopra verrebbe tagliato dal bordo della scheda */
  .ecom-ar-stpill::after{content:attr(data-label);position:absolute;right:calc(100% + 8px);top:50%;z-index:6;padding:6px 9px;border-radius:7px;background:#1f1f22;border:1px solid #333;color:#FAFAFA;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.5);opacity:0;transform:translate(4px,-50%);pointer-events:none;transition:opacity .15s ease,transform .15s ease}
  .ecom-ar-stpill.is-tip::after{opacity:1;transform:translate(0,-50%)}
}

/* Piano singolo: come il chip del menu, senza freccia né clic */
.ecom-ar-planpill.is-single{gap:7px!important;padding:6px 11px!important;color:var(--ink,#FAFAFA)!important;border-color:#3a3a3a!important;font-size:11px!important}

/* Barra dei punti: righe diagonali che scorrono, effetto "in caricamento" sopra la parte consumata */
.ecom-ar-bar-fill{position:relative;overflow:hidden}
.ecom-ar-bar-fill::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.22) 0 6px,transparent 6px 12px);background-size:17px 17px}
@media (prefers-reduced-motion:no-preference){
  .ecom-ar-bar-fill::after{animation:ecom-bar-stripes 1s linear infinite}
  @keyframes ecom-bar-stripes{from{background-position:0 0}to{background-position:17px 0}}
}

/* Numero nelle chip e nelle etichette ("Tutti 12", "Allegati 2"): al posto del "·" */
.ecom-ar-cnt{margin-left:5px;font-variant-numeric:tabular-nums;opacity:.6}
.is-active > .ecom-ar-cnt{opacity:.75}
.ecom-ar-plandd-sub{display:flex;flex-wrap:wrap;gap:2px 10px}

/* --- Calendario: riquadro del giorno (variante B) --- */
.ecom-ar-cal-wrap{display:flex;align-items:stretch;gap:6px;margin-bottom:8px}
.ecom-ar-cal-wrap .ecom-ar-cal-item{flex:1;min-width:0;margin:0!important;align-items:center!important}
.ecom-ar-cal-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ecom-ar-cal-sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px;color:#8A8A8F}
.ecom-ar-cal-hour b{color:#FAFAFA;font-weight:600;font-variant-numeric:tabular-nums}
.ecom-ar-cal-go{width:16px;height:16px;flex:0 0 auto;color:#8A8A8F}
.ecom-ar-cal-add{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;flex:0 0 52px;display:flex!important;align-items:center;justify-content:center;padding:0!important;margin:0!important;border-radius:10px!important;border:1px solid #333!important;background:rgba(255,255,255,.04)!important;color:#B5B5BA!important;font-family:var(--font-body)!important;line-height:0!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
.ecom-ar-cal-add:focus-visible{outline:2px solid #5AA9FF!important;outline-offset:1px}
.ecom-ar-cal-add:hover{border-color:#4a4a4f!important;color:#FAFAFA!important;background:rgba(255,255,255,.07)!important}
/* Calendario con il + sovrapposto in basso a destra */
.ecom-ar-cal-ico{position:relative;display:block;width:22px;height:22px}
.ecom-ar-cal-ico > svg{width:22px;height:22px;display:block}
.ecom-ar-cal-ico i{position:absolute;right:-6px;bottom:-5px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#FAFAFA;color:#0E0E0E;box-shadow:0 0 0 2px #0E0E0E}
.ecom-ar-cal-ico i svg{width:10px;height:10px;display:block}
.ecom-ar-cal-shoot{display:inline-flex;color:#F7864E;line-height:0}
.ecom-ar-cal-shoot svg{width:12px;height:12px}

/* Area clienti: il fumetto di ēmiglio arriva fino al bordo destro del blocco */
.ecom-ar-say .ecom-ar-bubble{flex:1;min-width:0;max-width:none}

/* Scheda chiusa, shooting approvato: "Salva sul calendario" neutro, il colore lo dà l'emoji */
.ecom-ar-cal-chip{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;position:relative;display:grid!important;place-items:center;width:34px;height:28px;padding:0!important;margin:6px 0 0!important;border-radius:7px!important;border:0!important;background:rgba(255,255,255,.06)!important;color:#B5B5BA!important;font-family:var(--font-body)!important;line-height:0!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
.ecom-ar-cal-chip:hover{color:#FAFAFA!important;background:rgba(255,255,255,.12)!important}
.ecom-ar-cal-chip:focus-visible{outline:2px solid #5AA9FF!important;outline-offset:1px}
.ecom-ar-cal-chip .ecom-ar-cal-ico{width:17px;height:17px}
.ecom-ar-cal-chip .ecom-ar-cal-ico > svg{width:17px;height:17px}
.ecom-ar-cal-chip .ecom-ar-cal-ico i{width:12px;height:12px;right:-5px;bottom:-4px;box-shadow:0 0 0 2px #1d1d1f}
.ecom-ar-cal-chip .ecom-ar-cal-ico i svg{width:8px;height:8px}
/* tooltip "Salva in calendario": allineato a sinistra, così non esce dalla scheda */
.ecom-ar-cal-chip::after{content:attr(data-tip);position:absolute;left:-6px;bottom:calc(100% + 6px);z-index:6;padding:5px 8px;border-radius:6px;background:#1f1f22;border:1px solid #333;color:#FAFAFA;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease}
.ecom-ar-cal-chip:hover::after,.ecom-ar-cal-chip:focus-visible::after{opacity:1;transform:none}

/* Documenti: titoli lunghi tagliati con i puntini su una riga (il titolo intero è nel tooltip) */
.ecom-ar-doccard-head{min-width:0}
.ecom-ar-doccard-head .ecom-ar-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecom-ar-docchip svg{width:13px!important;height:13px!important;flex:0 0 auto;margin-right:6px;vertical-align:-2px}
/* ID utente accanto al nome (solo team): piccolo, grigio, cifre tabellari */
.ecom-ar-uid{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:5px;background:rgba(255,255,255,.06);font-family:var(--font-body,inherit)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.02em;line-height:1.4;color:#8A8A8F!important;vertical-align:middle;font-variant-numeric:tabular-nums}
.ecom-ar-hello .ecom-ar-uid{vertical-align:6px}

/* Tab Brand: indice a chip, una sezione a riquadro per pagina, sottopagine da aprire */
.ecom-ar-brand-idx{margin-bottom:12px}
.ecom-ar-brand-idx .ecom-ar-chip{font-weight:600!important;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block!important;line-height:26px!important}
.ecom-ar-brand-sec{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px}
.ecom-ar .ecom-ar-brand-h{font-family:var(--font-disp)!important;font-size:18px!important;font-weight:600!important;line-height:1.25!important;letter-spacing:-.01em!important;color:#FAFAFA!important;margin:0 0 10px!important;padding:0!important;border:0!important;text-transform:none!important}
.ecom-ar-brand-sec > .ecom-ar-doc-body > :last-child{margin-bottom:0}
.ecom-ar-brand-sub{border-top:1px solid var(--line);margin-top:12px}
.ecom-ar-brand-sec > .ecom-ar-brand-h + .ecom-ar-brand-sub{margin-top:0}
.ecom-ar-brand-sub > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0 0;font-family:var(--font-body);font-size:14px;font-weight:600;color:#FAFAFA!important;line-height:1.35}
.ecom-ar-brand-sub > summary::-webkit-details-marker{display:none}
.ecom-ar-brand-sub.is-deep > summary{padding-left:12px;font-weight:500;color:#B5B5BA!important}
.ecom-ar-brand-chev{width:16px;height:16px;flex:0 0 auto;color:#8A8A8F;transition:transform .2s ease}
.ecom-ar-brand-sub[open] > summary .ecom-ar-brand-chev{transform:rotate(180deg)}
.ecom-ar-brand-sub > .ecom-ar-doc-body{padding-top:8px}
.ecom-ar-brand-sub.is-deep > .ecom-ar-doc-body{padding-left:12px}
.ecom-ar-brand-sub > .ecom-ar-doc-body > :last-child{margin-bottom:0}

/* Filtro In revisione: i mesi restano aperti, intestazione senza conteggio né freccia */
.ecom-ar.is-f-review .ecom-ar-month-n,.is-f-review .ecom-ar-month-n,.is-f-review .ecom-ar-month-chev{display:none!important}
.is-f-review summary.ecom-ar-month{cursor:default}
.ecom-ar-brand-emo{display:inline-block;margin-right:7px;font-style:normal;font-weight:400}
.ecom-ar-brand-idx .ecom-ar-brand-emo{margin-right:5px}
.ecom-ar-brand-sec[hidden]{display:none!important}

/* --- Interruttore tema chiaro/scuro (area cliente), a sinistra del logout --- */
.ecom-ar-header:not(.ecom-ar-header-team) > .ecom-ar-theme{position:absolute;top:30px;right:54px}
.ecom-ar-header:not(.ecom-ar-header-team) .ecom-ar-hello{padding-right:104px}
.ecom-ar-theme{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;position:relative;display:block!important;width:46px!important;height:26px!important;min-width:0!important;padding:0!important;margin:0!important;border-radius:999px!important;border:1px solid #262626!important;background:#161618!important;box-shadow:none!important}
.ecom-ar-theme-k{position:absolute;top:2px;left:22px;z-index:1;width:20px;height:20px;border-radius:50%;background:#FAFAFA;color:#000;display:grid;place-items:center;transition:left .2s ease}
.ecom-ar-theme-i{position:absolute;top:2px;width:20px;height:20px;display:grid;place-items:center;color:#B5B5BA}
.ecom-ar-theme-i.is-sun{left:2px}
.ecom-ar-theme-i.is-moon{left:22px}
.ecom-ar-theme-i svg{width:12px;height:12px;display:block}
.ecom-ar-theme-k svg{width:12px;height:12px;display:block}
html.ecom-ar-light .ecom-ar-theme-k{left:2px}
.ecom-ar-theme:focus-visible{outline:2px solid #A78BFA!important;outline-offset:2px}

/* --- Shooting aperto: blocchi Operatori e Contenuti previsti --- */
.ecom-ar-stiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ecom-ar-stile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px 12px;border-radius:10px;background:#111113;border:1px solid var(--line,#262626)}
.ecom-ar-stile-l{font-size:10px;color:#8A8A8F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ecom-ar-stile-v{font-family:var(--font-disp);font-size:20px;font-weight:700;line-height:1;color:#FAFAFA;font-variant-numeric:tabular-nums}
.ecom-ar-avs{display:flex;align-items:center;min-height:20px}
.ecom-ar-av{position:relative;width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:9px;font-weight:700;line-height:1;color:#fff;box-shadow:0 0 0 2px #111113;flex:0 0 auto;outline:none;cursor:default}
.ecom-ar-av::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,3px);z-index:6;padding:5px 8px;border-radius:6px;background:#1f1f22;border:1px solid #333;color:#FAFAFA;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}
.ecom-ar-av:hover::after,.ecom-ar-av:focus::after{opacity:1;transform:translate(-50%,0)}
.ecom-ar-av:hover,.ecom-ar-av:focus{z-index:2}
.ecom-ar-av + .ecom-ar-av{margin-left:-5px}
.ecom-ar-av img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;border-radius:50%!important}
.ecom-ar-av.is-more{background:#2e2e2e;color:#B5B5BA}
.ecom-ar-dsec + .ecom-ar-actions{margin-top:14px}

/* --- Azioni della scheda: secondario a sinistra (Richiedi modifica / Proponi data diversa), conferma a
       destra, evidente per colore. Stessa larghezza e altezza, maiuscolo, sulla stessa riga anche sul
       telefono: se manca spazio il testo del secondario va su due righe --- */
.ecom-ar-actions{display:flex!important;flex-wrap:wrap;align-items:stretch;gap:8px}
/* modulo "Proponi data diversa" / "Richiedi modifica" e messaggi che prendono il posto dei bottoni: larghezza piena */
.ecom-ar-actions > :not(.ecom-ar-approve):not(.ecom-ar-revise){flex:1 1 100%;min-width:0}
.ecom-ar-approve,.ecom-ar-revise{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:1 1 0!important;min-width:0;min-height:44px;padding:9px 10px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase!important;line-height:1.15!important;text-align:center!important}
.ecom-ar-revise{color:#B5B5BA!important;font-size:11px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
/* proporzioni 35 / 65: la conferma è più larga */
.ecom-ar-revise{flex:35 1 0!important}
.ecom-ar-approve{flex:65 1 0!important}
@media (max-width:480px){.ecom-ar-revise{flex:45 1 0!important}.ecom-ar-approve{flex:55 1 0!important}} /* telefono: più spazio al testo del secondario */ /* secondario: un punto in meno e più leggero della conferma */
.ecom-ar-approve{box-shadow:0 0 0 1px rgba(74,222,128,.5),0 4px 16px rgba(74,222,128,.25)!important}
.ecom-ar-approve svg{width:16px;height:16px;flex:0 0 auto}
.ecom-ar-revise svg{width:14px;height:14px;flex:0 0 auto}

/* --- Andamento: chip Instagram / Facebook della stessa misura delle chip filtro delle altre tab --- */
.ecom-ar-chsw{gap:7px!important}
.ecom-ar-ch{height:28px!important;padding:0 13px 0 11px!important;gap:6px!important;font-size:11px!important;font-weight:500!important}
.ecom-ar-ch.on{font-weight:600!important}
.ecom-ar-ch .ico{width:13px!important;height:13px!important}

/* Brand: se la sezione parte subito con le voci (niente titolo né testo), la prima voce non ha il divisore
   né lo spazio sopra: il riquadro è uniforme sopra e sotto */
.ecom-ar-brand-sec > .ecom-ar-brand-sub:first-child{border-top:0;margin-top:0}
.ecom-ar-brand-sec > .ecom-ar-brand-sub:first-child > summary{padding-top:0}

/* Andamento: tra chip e contenuto lo stesso spazio delle altre tab (16px: 4 + 12 di gap del contenitore) */
.ecom-ar-chsw{margin-bottom:4px!important}
.ecom-ar-andamento > .ecom-ar-and-note{margin-top:2px;text-align:left}

/* Menu Brand / Pubblicazioni / ...: il carattere dei titoli siede basso, la scritta sembrava avere più spazio
   sopra che sotto. Un filo meno sopra, uno in più sotto (il bordo attivo da 2px resta in fondo) */
.ecom-ar-tab{padding:11px 6px 17px!important}

/* Nota "Dati Meta" in fondo ad Andamento, con il logo Meta nel suo blu */
.ecom-ar-and-meta{display:flex;align-items:center;justify-content:flex-start;gap:6px}
.ecom-ar-and-meta svg{width:17px;height:17px;flex:0 0 auto;color:#0A7CFF}

/* === LIGHT-START: tema chiaro generato da tools/light-theme.py, non modificare a mano === */
html.ecom-ar-light body.ecom-ar-canvas{background:#F6F5F2}
html.ecom-ar-light .ecom-ar-error{color:#C53030}
html.ecom-ar-light .ecom-ar-header{background:#F6F5F2}
html.ecom-ar-light .ecom-ar-hello{color:#16150F}
html.ecom-ar-light .ecom-ar-points{background:#FFFFFF}
html.ecom-ar-light .ecom-ar-points-val strong{color:#16150F}
html.ecom-ar-light .ecom-ar-bar{background:#ECE9E2}
html.ecom-ar-light .ecom-ar-tabs{background:#F6F5F2!important;border-bottom:1px solid #E6E2DA!important}
html.ecom-ar-light .ecom-ar-tab.is-active{color:#16150F!important;border-bottom-color:#16150F!important}
html.ecom-ar-light .ecom-ar-chip.is-active{background:#16150F!important;border-color:#16150F!important;color:#FFFFFF!important}
html.ecom-ar-light .ecom-ar-card[open]{border-color:#D6D1C6}
html.ecom-ar-light .ecom-ar-detail-err{color:#C53030}
html.ecom-ar-light .ecom-ar-desc{color:#55524A}
html.ecom-ar-light .ecom-ar-att-item{color:#55524A;background:#F6F5F2}
html.ecom-ar-light .ecom-ar-doc-page.is-sub{border-left:3px solid #16150F}
html.ecom-ar-light .ecom-ar-doc-body{color:#3D3A33}
html.ecom-ar-light .ecom-ar-doc-body a{color:#16150F}
html.ecom-ar-light .ecom-ar .ecom-ar-hello,html.ecom-ar-light .ecom-ar .ecom-ar-title,html.ecom-ar-light .ecom-ar .ecom-ar-cost,html.ecom-ar-light .ecom-ar .ecom-ar-doc-title,html.ecom-ar-light .ecom-ar .ecom-ar-points-val strong{color:#16150F!important}
html.ecom-ar-light .ecom-ar .ecom-ar-sub,html.ecom-ar-light .ecom-ar .ecom-ar-month,html.ecom-ar-light .ecom-ar .ecom-ar-points-lbl,html.ecom-ar-light .ecom-ar .ecom-ar-points-val span,html.ecom-ar-light .ecom-ar .ecom-ar-points-sub,html.ecom-ar-light .ecom-ar .ecom-ar-chev,html.ecom-ar-light .ecom-ar .ecom-ar-empty,html.ecom-ar-light .ecom-ar .ecom-ar-soon,html.ecom-ar-light .ecom-ar .ecom-ar-loading{color:#7A766C!important}
html.ecom-ar-light .ecom-ar .ecom-ar-desc,html.ecom-ar-light .ecom-ar .ecom-ar-att-item{color:#55524A!important}
html.ecom-ar-light .ecom-ar .ecom-ar-doc-body,html.ecom-ar-light .ecom-ar .ecom-ar-doc-body *{color:#3D3A33!important}
html.ecom-ar-light .ecom-ar .ecom-ar-doc-body a,html.ecom-ar-light .ecom-ar .ecom-ar-doc-body strong{color:#16150F!important}
html.ecom-ar-light .ecom-ar .ecom-ar-month-t{color:#16150F!important}
html.ecom-ar-light .ecom-ar .ecom-ar-month-n{color:#7A766C!important}
html.ecom-ar-light .ecom-ar-month-chev{color:#7A766C}
html.ecom-ar-light .ecom-ar-plan{color:#16150F!important}
html.ecom-ar-light .ecom-ar-login{background:#16150F;color:#FFFFFF!important}
html.ecom-ar-light .ecom-ar-credits{color:#7A766C!important}
html.ecom-ar-light .ecom-ar-revise{color:#16150F!important}
html.ecom-ar-light .ecom-ar-doc-h{color:#16150F!important}
html.ecom-ar-light .ecom-ar-points-used{color:#16150F!important}
html.ecom-ar-light .ecom-ar-points-avail{color:#7A766C!important}
html.ecom-ar-light .ecom-ar-points-avail strong{color:#16150F!important}
html.ecom-ar-light .ecom-ar-revtext{background:#F6F5F2!important;color:#16150F!important;-webkit-text-fill-color:#16150F!important;caret-color:#16150F}
html.ecom-ar-light .ecom-ar-revtext::placeholder{color:#A29E94!important;-webkit-text-fill-color:#A29E94!important}
html.ecom-ar-light .ecom-ar-revfile{color:#7A766C!important}
html.ecom-ar-light .ecom-ar-revfile input[type=file]{color:#7A766C!important}
html.ecom-ar-light .ecom-ar-revfile input[type=file]::file-selector-button{color:#16150F!important;background:#F1EFEA!important}
html.ecom-ar-light .ecom-ar-bigfile{color:#7A766C!important}
html.ecom-ar-light .ecom-ar-revcancel{color:#16150F!important}
html.ecom-ar-light .ecom-ar-points-tot{color:#7A766C!important}
html.ecom-ar-light .ecom-ar-att-video,html.ecom-ar-light .ecom-ar-att-doc{color:#55524A!important;background:#F6F5F2!important}
html.ecom-ar-light .ecom-ar-att-video:hover,html.ecom-ar-light .ecom-ar-att-doc:hover{border-color:#D6D1C6!important}
html.ecom-ar-light .ecom-ar-ico-pdf{color:#C53030!important}
html.ecom-ar-light .ecom-ar-next-lbl{color:#7A766C}
html.ecom-ar-light .ecom-ar-next-arrow{color:#A29E94}
html.ecom-ar-light .ecom-ar-next-date{color:#16150F!important}
html.ecom-ar-light .ecom-ar-cal-title{color:#16150F}
html.ecom-ar-light .ecom-ar-cal-nav{color:#16150F!important}
html.ecom-ar-light .ecom-ar-cal-dow span{color:#A29E94}
html.ecom-ar-light .ecom-ar-cal-cell{color:#7A766C}
html.ecom-ar-light .ecom-ar-cal-cell.has{color:#16150F}
html.ecom-ar-light .ecom-ar-cal-cell.is-sel{border:2px solid #16150F}
html.ecom-ar-light .ecom-ar-vt{color:#7A766C!important}
html.ecom-ar-light .ecom-ar-vt.is-active{color:#16150F!important}
html.ecom-ar-light .ecom-ar-client-card{color:#16150F!important}
html.ecom-ar-light .ecom-ar-client-card:hover{border-color:#D6D1C6!important}
html.ecom-ar-light .ecom-ar-client-go{color:#7A766C}
html.ecom-ar-light .ecom-ar-teambar{background:#F6F5F2}
html.ecom-ar-light .ecom-ar-back{color:#7A766C!important}
html.ecom-ar-light .ecom-ar-back:hover{color:#16150F!important}
html.ecom-ar-light .ecom-ar-kpi.warn .ecom-ar-knum{color:#A16207}
html.ecom-ar-light .ecom-ar-ov.is-noplan{border-left-color:#D6D1C6}
html.ecom-ar-light .ecom-ar-fchip.is-pub{color:#1F8A5F}
html.ecom-ar-light .ecom-ar-fchip.is-rev{color:#A16207}
html.ecom-ar-light .ecom-ar-qline{border-top:1px dashed #D6D1C6}
html.ecom-ar-light .ecom-ar-ov-period{color:#A29E94}
html.ecom-ar-light .ecom-ar-ov.is-ok .ecom-ar-act{color:#1F8A5F}
html.ecom-ar-light .ecom-ar-ov.is-slow .ecom-ar-act,html.ecom-ar-light .ecom-ar-ov.is-cap .ecom-ar-act{color:#A16207}
html.ecom-ar-light .ecom-ar-mix-chip{color:#7C5CE0}
html.ecom-ar-light .ecom-ar-ov-chip{background:#F1EFEA}
html.ecom-ar-light .ecom-ar-ov-chip .sep{color:#A29E94}
html.ecom-ar-light .ecom-ar-ruler span{color:#A29E94}
html.ecom-ar-light .ecom-ar-ruler span::before{background:#E6E2DA}
html.ecom-ar-light .ecom-ar-ruler span.done{color:#55524A}
html.ecom-ar-light .ecom-ar-tile{background:#F1EFEA}
html.ecom-ar-light .ecom-ar-tile-l{color:#55524A}
html.ecom-ar-light .ecom-ar-tile.is-warn .ecom-ar-tile-v,html.ecom-ar-light .ecom-ar-tile.is-warn .ecom-ar-tile-s{color:#A16207}
html.ecom-ar-light .ecom-ar-tile.under .ecom-ar-tile-v{color:#A16207}
html.ecom-ar-light .ecom-ar-ovbar{background:#ECE9E2}
html.ecom-ar-light .ecom-ar-ovmark{background:#16150F}
html.ecom-ar-light .ecom-ar-mchs{background:#F1EFEA}
html.ecom-ar-light .ecom-ar-mtile{background:#F1EFEA}
html.ecom-ar-light .ecom-ar-mlink{color:#55524A!important}
html.ecom-ar-light .ecom-ar-mtile::after{background:#FFFFFF;border:1px solid #D6D1C6;color:#16150F}
html.ecom-ar-light .ecom-ar-copy.is-done{color:#1F8A5F!important}
html.ecom-ar-light .ecom-ar-track{background:#ECE9E2}
html.ecom-ar-light .ecom-ar-mdot{background:#ECE9E2;border:2px solid #D6D1C6}
html.ecom-ar-light .ecom-ar-mile.now .ecom-ar-mdot{background:#F6F5F2}
html.ecom-ar-light .ecom-ar-mile.now .ecom-ar-mlab{color:#1F8A5F}
html.ecom-ar-light .ecom-ar-micro{background:#E6E2DA}
html.ecom-ar-light .ecom-ar-and-ico{color:#55524A}
html.ecom-ar-light .ecom-ar-and-grow{color:#1F8A5F}
html.ecom-ar-light .ecom-ar-spark{color:#1F8A5F}
html.ecom-ar-light .ecom-ar-and-delta.up{color:#1F8A5F}
html.ecom-ar-light .ecom-ar-mailtoggle{color:#1F8A5F!important}
html.ecom-ar-light .ecom-ar-divider.is-flex span{color:#0369A1}
html.ecom-ar-light .ecom-ar-ov-chip.is-flex{color:#0369A1}
html.ecom-ar-light .ecom-ar-tl-d{color:#55524A}
html.ecom-ar-light .ecom-ar-tl-d em{color:#0369A1}
html.ecom-ar-light .ecom-ar-rc-btn{background:#F1EFEA!important}
html.ecom-ar-light .ecom-ar-camp-when span{background:#F1EFEA;color:#55524A}
html.ecom-ar-light .ecom-ar-camp-when svg{color:#7C5CE0}
html.ecom-ar-light .ecom-ar-camp-tile{background:#F1EFEA}
html.ecom-ar-light .ecom-ar-camp-tile.is-budget .ecom-ar-camp-mv{color:#7C5CE0}
html.ecom-ar-light .ecom-ar-camp-delta.up{color:#1F8A5F}
html.ecom-ar-light .ecom-ar-camp-delta.neutro{color:#A16207}
html.ecom-ar-light .ecom-ar-fsep{background:#E6E2DA}
html.ecom-ar-light .ecom-ar-canva{background:#FFFFFF}
html.ecom-ar-light .ecom-ar-hsub{color:#55524A}
html.ecom-ar-light .ecom-ar-chartx span.fut{color:#A29E94}
html.ecom-ar-light .ecom-ar-hcol.is-future .ecom-ar-hb{background:#ECE9E2}
html.ecom-ar-light .ecom-ar-hcol.is-target .ecom-ar-hv{color:#A16207}
html.ecom-ar-light .ecom-ar-hins-k b{color:#1F8A5F}
html.ecom-ar-light .ecom-ar-hins.is-under .ecom-ar-hins-k b{color:#A16207}
html.ecom-ar-light .ecom-ar-hins p b.under{color:#A16207}
html.ecom-ar-light .ecom-ar-ovbar [data-tip]::after{background:#F1EFEA}
html.ecom-ar-light .ecom-ar-nr-h{color:#16150F!important}
html.ecom-ar-light .ecom-ar-nr-lbl{color:#55524A!important}
html.ecom-ar-light .ecom-ar-nr-lt b{color:#B7791F}
html.ecom-ar-light .ecom-ar-nr-add{color:#16150F!important;background:#F1EFEA!important}
html.ecom-ar-light .ecom-ar-nr-file{color:#55524A;background:#F6F5F2}
html.ecom-ar-light .ecom-ar-nr-fname{color:#55524A!important}
html.ecom-ar-light .ecom-ar-nr-file button{color:#7A766C!important}
html.ecom-ar-light .ecom-ar-nr-file button:hover{color:#16150F!important;background:#F1EFEA!important}
html.ecom-ar-light .ecom-ar-nr-err{color:#C53030!important}
html.ecom-ar-light .ecom-ar-nr-check{color:#1F8A5F}
html.ecom-ar-light .ecom-ar-nr-warn{color:#B7791F!important}
html.ecom-ar-light .ecom-ar-retry{color:#16150F!important;border:1px solid #E6E2DA!important}
html.ecom-ar-light .ecom-ar-retry:hover{background:#F1EFEA!important}
html.ecom-ar-light .ecom-ar-logout{color:#7A766C!important}
html.ecom-ar-light .ecom-ar-logout:hover{color:#16150F!important;background:#F1EFEA!important}
html.ecom-ar-light .ecom-ar-plandd-btn{border-color:#D6D1C6!important}
html.ecom-ar-light .ecom-ar-plandd-btn:hover,html.ecom-ar-light .ecom-ar-plandd-btn[aria-expanded="true"]{background:#F1EFEA!important;border-color:#C9C3B6!important}
html.ecom-ar-light .ecom-ar-plandd-menu{background:#F1EFEA;border:1px solid #D6D1C6}
html.ecom-ar-light .ecom-ar-plandd-opt:hover{background:#ECE9E2!important}
html.ecom-ar-light .ecom-ar-plandd-opt.is-sel{background:#F1EFEA!important}
html.ecom-ar-light .ecom-ar-plandd-check{color:#1F8A5F}
html.ecom-ar-light .ecom-ar-pf-it b{color:#16150F}
html.ecom-ar-light .ecom-ar-pf-it.is-pos b,html.ecom-ar-light .ecom-ar-pf-it.is-pos svg{color:#1F8A5F}
html.ecom-ar-light .ecom-ar-mix-by{color:#7C5CE0}
html.ecom-ar-light .ecom-ar-empty-emi b{color:#16150F}
html.ecom-ar-light .ecom-ar-empty-emi span:not(.ecom-ar-emi){color:#7A766C}
html.ecom-ar-light .ecom-ar-dsec-k{color:#7A766C}
html.ecom-ar-light .ecom-ar-file{background:#FFFFFF!important;color:#16150F!important}
html.ecom-ar-light .ecom-ar-file + .ecom-ar-file{border-top:1px solid #E6E2DA!important}
html.ecom-ar-light .ecom-ar-file:hover{background:#F1EFEA!important}
html.ecom-ar-light .ecom-ar-file-ic{background:#F1EFEA;color:#55524A}
html.ecom-ar-light .ecom-ar-file-go{color:#7A766C}
html.ecom-ar-light .ecom-ar-file:hover .ecom-ar-file-go{color:#16150F}
html.ecom-ar-light .ecom-ar-day{background:#F1EFEA}
html.ecom-ar-light .ecom-ar-day-n{color:#16150F}
html.ecom-ar-light .ecom-ar-day-m{color:#7A766C}
html.ecom-ar-light .ecom-ar-day-h{border-top:1px solid #E6E2DA;color:#16150F}
html.ecom-ar-light .ecom-ar-sum-tags{color:#7A766C}
html.ecom-ar-light .ecom-ar-shoot-plan{color:#55524A}
html.ecom-ar-light .ecom-ar-shoot-plan svg{color:#7A766C}
html.ecom-ar-light .ecom-ar-shoot-plan b{color:#16150F}
html.ecom-ar-light .ecom-ar-docbtn{color:#16150F!important;background:#F6F5F2!important}
html.ecom-ar-light .ecom-ar-docbtn:hover{border-color:#D6D1C6!important;background:#F1EFEA!important}
html.ecom-ar-light .ecom-ar-docbtn.is-off{color:#7A766C!important}
html.ecom-ar-light .ecom-ar-day-none{color:#A29E94}
@media (max-width:480px){html.ecom-ar-light .ecom-ar-stpill::after{background:#FFFFFF;border:1px solid #D6D1C6;color:#16150F}}
html.ecom-ar-light .ecom-ar-planpill.is-single{border-color:#D6D1C6!important}
html.ecom-ar-light .ecom-ar-cal-sub{color:#7A766C}
html.ecom-ar-light .ecom-ar-cal-hour b{color:#16150F}
html.ecom-ar-light .ecom-ar-cal-go{color:#7A766C}
html.ecom-ar-light .ecom-ar-cal-add{border:1px solid #D6D1C6!important;background:rgba(0,0,0,.03)!important;color:#55524A!important}
html.ecom-ar-light .ecom-ar-cal-add:hover{border-color:#C9C3B6!important;color:#16150F!important;background:rgba(0,0,0,.06)!important}
html.ecom-ar-light .ecom-ar-cal-ico i{background:#16150F}
html.ecom-ar-light .ecom-ar-cal-shoot{color:#D2602A}
html.ecom-ar-light .ecom-ar-cal-chip{color:#55524A!important}
html.ecom-ar-light .ecom-ar-cal-chip:hover{color:#16150F!important}
html.ecom-ar-light .ecom-ar-cal-chip::after{background:#FFFFFF;border:1px solid #D6D1C6;color:#16150F}
html.ecom-ar-light .ecom-ar-uid{color:#7A766C!important}
html.ecom-ar-light .ecom-ar .ecom-ar-brand-h{color:#16150F!important}
html.ecom-ar-light .ecom-ar-brand-sub > summary{color:#16150F!important}
html.ecom-ar-light .ecom-ar-brand-sub.is-deep > summary{color:#55524A!important}
html.ecom-ar-light .ecom-ar-brand-chev{color:#7A766C}
html.ecom-ar-light .ecom-ar-theme{border:1px solid #E6E2DA!important;background:#F1EFEA!important}
html.ecom-ar-light .ecom-ar-theme-k{background:#16150F;color:#FFFFFF}
html.ecom-ar-light .ecom-ar-theme-i{color:#55524A}
html.ecom-ar-light .ecom-ar-stile{background:#F1EFEA}
html.ecom-ar-light .ecom-ar-stile-l{color:#7A766C}
html.ecom-ar-light .ecom-ar-stile-v{color:#16150F}
html.ecom-ar-light .ecom-ar-av::after{background:#FFFFFF;border:1px solid #D6D1C6;color:#16150F}
html.ecom-ar-light .ecom-ar-av.is-more{background:#E6E2DA;color:#55524A}
html.ecom-ar-light .ecom-ar-revise{color:#55524A!important}
/* Variabili e fondo pagina (il #fff dei badge su fondo colorato resta bianco: non è nella mappa) */
html.ecom-ar-light .ecom-ar-guard{color:#16150F}
html.ecom-ar-light body{background:#F6F5F2!important}
html.ecom-ar-light .ecom-ar,html.ecom-ar-light .ecom-ar-nr{--ink:#16150F;--mut:#7A766C;--mut2:#55524A;--line:#E6E2DA;--panel:#FFFFFF;--bg:#F6F5F2;color-scheme:light}
/* Schede e riquadri: un'ombra appena percettibile al posto del contrasto con il nero */
html.ecom-ar-light .ecom-ar-card,html.ecom-ar-light .ecom-ar-points,html.ecom-ar-light .ecom-ar-doccard,html.ecom-ar-light .ecom-ar-brand-sec,html.ecom-ar-light .ecom-ar-and-hero,html.ecom-ar-light .ecom-ar-and-cell,html.ecom-ar-light .ecom-ar-campaign,html.ecom-ar-light .ecom-ar-super{box-shadow:0 1px 2px rgba(40,30,10,.05)}
html.ecom-ar-light .ecom-ar-card[data-cat="review"]{border-color:#D69E2E;box-shadow:0 0 0 3px rgba(234,170,40,.22),0 6px 20px rgba(234,170,40,.18)}
/* Fumetto di ēmiglio: bianco con bordo, sul fondo avorio */
html.ecom-ar-light .ecom-ar-bubble{background:#FFFFFF;border:1px solid #D6D1C6;box-shadow:3px 3px 0 #7C5CE0}
/* codina: quadratino ruotato con lo stesso bordo del fumetto (un triangolo di soli bordi non può averne uno) */
html.ecom-ar-light .ecom-ar-bubble::before{width:10px;height:10px;left:-6px;bottom:10px;background:#FFFFFF;border-style:solid;border-color:#D6D1C6;border-width:0 0 1px 1px;transform:rotate(45deg)}
/* Menu dei piani e fumetto dello stato: ombre più leggere */
html.ecom-ar-light .ecom-ar-plandd-menu{background:#FFFFFF!important;box-shadow:0 12px 32px rgba(40,30,10,.14)}
html.ecom-ar-light .ecom-ar-stpill::after{box-shadow:0 6px 18px rgba(40,30,10,.16)}
/* Andamento: riquadrino delle icone avorio sul bianco */
html.ecom-ar-light .ecom-ar-and-ico{background:#F1EFEA}
html.ecom-ar-light .ecom-ar-camp-ico{background:#FFFFFF}
/* Hashtag della caption: il blu scuro che Instagram usa sul bianco */
html.ecom-ar-light .ecom-ar-hash{color:#00376B}
/* Calendario della vista calendario: il + sovrapposto scuro su fondo chiaro */
html.ecom-ar-light .ecom-ar-cal-ico i{background:#16150F;color:#FFFFFF;box-shadow:0 0 0 2px #FFFFFF}
/* Pulsante nel box del giorno (lista): fondo scuro leggero sull'avorio, anello del + del colore del box */
html.ecom-ar-light .ecom-ar-cal-chip{background:rgba(0,0,0,.05)!important}
html.ecom-ar-light .ecom-ar-cal-chip:hover{background:rgba(0,0,0,.09)!important}
html.ecom-ar-light .ecom-ar-cal-chip .ecom-ar-cal-ico i{box-shadow:0 0 0 2px #E6E3DC}
/* Metriche del post: canale scelto come linguetta bianca nel selettore avorio */
html.ecom-ar-light .ecom-ar-mch.on{background:#FFFFFF!important;box-shadow:0 1px 2px rgba(40,30,10,.12)!important}
/* Chiusura del modal richieste, dentro il pannello chiaro */
html.ecom-ar-light .ecom-ar-nr .ecom-ar-lb-close{background:#F1EFEA!important;color:#16150F!important}
html.ecom-ar-light .ecom-ar-nr .ecom-ar-lb-close:hover{background:#E6E2DA!important}
/* Avatar degli operatori: anello del colore del blocco */
html.ecom-ar-light .ecom-ar-av{box-shadow:0 0 0 2px #F1EFEA}
/* Giorno della scheda come l'icona del Calendario Apple: giorno della settimana rosso, numero nero, riquadro bianco */
html.ecom-ar-light .ecom-ar-day{background:#FFFFFF!important;box-shadow:inset 0 0 0 1px #E6E2DA}
html.ecom-ar-light .ecom-ar-day-wd{color:#E5322D!important}
/* Titoli: il tema del sito li forza bianchi */
html.ecom-ar-light .ecom-ar h1,html.ecom-ar-light .ecom-ar h2,html.ecom-ar-light .ecom-ar h3,html.ecom-ar-light .ecom-ar h4,html.ecom-ar-light .ecom-ar h5,html.ecom-ar-light .ecom-ar h6,html.ecom-ar-light .ecom-ar-nr h2{color:#16150F!important}
/* Testo un filo più pesante sul chiaro (il testo scuro su fondo chiaro sembra più sottile) */
html.ecom-ar-light .ecom-ar,html.ecom-ar-light .ecom-ar-nr{font-weight:450;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
html.ecom-ar-light .ecom-ar-desc,html.ecom-ar-light .ecom-ar-doc-body,html.ecom-ar-light .ecom-ar-doc-body p,html.ecom-ar-light .ecom-ar-doc-body li{font-weight:450}
/* Testo del Doc brand */
html.ecom-ar-light .ecom-ar .ecom-ar-doc-body,html.ecom-ar-light .ecom-ar .ecom-ar-doc-body *{color:#3D3A33!important}
html.ecom-ar-light .ecom-ar .ecom-ar-doc-body a,html.ecom-ar-light .ecom-ar .ecom-ar-doc-body strong{color:#16150F!important}
/* Barra dei punti: righe in movimento più visibili sul verde */
html.ecom-ar-light .ecom-ar-bar-fill::after{background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.3) 0 6px,transparent 6px 12px)}
/* === LIGHT-END === */