/* ========================================================================== Portale Rivenditori — palette dedicata (teal / verde petrolio) -------------------------------------------------------------------------- Il disegno resta quello dello staff (theme.css): cambia solo il colore, così chi apre il portale capisce subito che non è il gestionale interno. Lo staff tiene giallo + nero, il rivenditore teal + verde petrolio. Va caricato DOPO theme.css e agganciato a . Quasi tutto passa dalle variabili di theme.css: le rifacciamo qui sul body e il colore scende da solo su bottoni, badge, focus, voci di menu. Sotto ci sono solo i pochi punti in cui theme.css scrive il colore a mano. ========================================================================== */ body.portale-rivenditori { /* Le variabili si chiamano ancora "yellow" perché sono quelle di theme.css: qui dentro l'accento non è giallo ma teal. */ --brand-yellow: #14B8A6; /* accento */ --brand-yellow-soft: #CCFBF1; /* fondo tenue dell'accento */ --brand-yellow-text: #0F766E; /* testo/icone sul fondo tenue */ --brand-black: #134E4A; /* "scuro" del portale: bottoni pieni, avatar */ /* Usata da theme.css per il tasto stampa (di serie ripiega sul viola). */ --brand: #0F766E; /* Neutri appena virati verso il teal: il portale resta chiaro e leggibile, ma non è lo stesso bianco/grigio dello staff. */ --bg-subtle: #F4FBFA; --bg-muted: #E9F6F4; --bg-hover: #EDF8F6; --border-default: #DFEDEB; --border-strong: #C3DEDA; --border-subtle: #EDF7F5; --focus-ring: 0 0 0 3px rgba(20, 184, 166, 0.35); /* Extra solo del portale */ --pr-sidebar-bg: #F7FCFB; --pr-nav-active: #DDF7F2; --pr-dark-hover: #0F766E; --pr-dark-active: #0B3D3A; } /* ========================================================================== Sidebar ========================================================================== */ body.portale-rivenditori .app-sidebar { background: var(--pr-sidebar-bg); border-right-color: var(--border-strong); } /* "Portale Rivenditori" sotto il marchio: è l'etichetta che distingue i due ambienti, quindi la coloriamo con l'accento. */ body.portale-rivenditori .sidebar-brand .brand-sub { color: var(--brand-yellow-text); font-weight: 600; letter-spacing: 0.01em; } /* La voce attiva: sul fondo già tinto della sidebar il grigio di theme.css non si vedrebbe più, quindi qui è una pastiglia teal. */ body.portale-rivenditori .sidebar-nav .nav-item.active { background: var(--pr-nav-active); border-left-color: var(--brand-yellow); } body.portale-rivenditori .sidebar-nav .nav-item.active i { color: var(--brand-yellow-text); } body.portale-rivenditori .sidebar-nav .nav-item:hover { background: var(--bg-muted); } /* ========================================================================== Bottoni -------------------------------------------------------------------------- .btn-primary prende il fondo da --brand-black (già verde petrolio); hover e active in theme.css sono scritti a mano in nero, li rifacciamo. ========================================================================== */ body.portale-rivenditori .btn-primary:hover { background: var(--pr-dark-hover); border-color: var(--pr-dark-hover); color: var(--text-inverse); } body.portale-rivenditori .btn-primary:active { background: var(--pr-dark-active); } body.portale-rivenditori .btn-warning:hover { background: var(--pr-dark-hover); border-color: var(--pr-dark-hover); color: var(--text-inverse); } /* ========================================================================== Nuovo ordine — riga con stampa -------------------------------------------------------------------------- Il badge "con stampa" e il tasto stampa in theme.css sono viola scritto a mano: nel portale seguono l'accento come tutto il resto. ========================================================================== */ body.portale-rivenditori .ordine-riga-stampa-badge, body.portale-rivenditori .badge-soft { background: var(--brand-yellow-soft); color: var(--brand-yellow-text); } body.portale-rivenditori .text-brand { color: var(--brand-yellow-text); } /* ========================================================================== Login ========================================================================== */ /* Il fondo pagina segue già --bg-subtle, che qui è virato al teal. Filo di colore sopra la scheda: è la prima cosa che si vede entrando ed è quella che dice "non sei nel gestionale staff". */ body.portale-rivenditori .login-card { border-top: 3px solid var(--brand-yellow); } body.portale-rivenditori .login-title { color: var(--brand-yellow-text); } /* ========================================================================== Nuovo ordine — prezzi e stampa (portale) -------------------------------------------------------------------------- Nel portale il rivenditore non digita prezzi: vede il suo prezzo (listino e-commerce meno la sua scontistica) e, se il prodotto la prevede, sceglie solo DOVE stampare il logo. Da qui il prezzo è testo, non un input. ========================================================================== */ body.portale-rivenditori .ordine-prezzo-fisso { font-size: 20px; font-weight: 700; color: var(--text-primary); line-height: 1.2; padding: 6px 0 2px; } body.portale-rivenditori .ordine-prezzo-fisso.is-nd { font-size: 15px; font-weight: 600; color: var(--text-secondary); } body.portale-rivenditori .ordine-stampa-dettaglio { margin-top: 10px; } body.portale-rivenditori .ordine-stampa-dettaglio[hidden] { display: none; } body.portale-rivenditori .ordine-stampa-label { margin: 0 0 6px; font-size: 13px; font-weight: 600; color: var(--text-secondary); } body.portale-rivenditori .ordine-stampa-pos-opt { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: 14px; cursor: pointer; } body.portale-rivenditori .ordine-stampa-pos-opt input[type="checkbox"] { margin: 0; cursor: pointer; accent-color: var(--brand-yellow, #b78103); } body.portale-rivenditori .ordine-stampa-costo { margin-top: 8px; font-size: 13px; color: var(--text-secondary); } body.portale-rivenditori .ordine-stampa-nd { font-size: 13px; }