/* Grafica Blacklux per le pagine Partner e Codici.
   Stessi colori del gestionale: verde petrolio scuro, accento corallo, schede bianche. */

:root{
	--blxc-dark:#064b5c;
	--blxc-dark2:#083746;
	--blxc-accent:#ff2f68;
	--blxc-accent-soft:#ff7297;
	--blxc-ice:#edf3f6;
	--blxc-line:#d6e1e6;
	--blxc-text:#17242d;
	--blxc-muted:#58707b;
	--blxc-green:#1e7e34;
}

.blxc-wrap{margin:18px 20px 40px 0;color:var(--blxc-text)}
.blxc-wrap *{box-sizing:border-box}

/* intestazione scura */
.blxc-hero{
	background:linear-gradient(135deg,var(--blxc-dark),var(--blxc-dark2));
	border-radius:20px;padding:26px 28px;color:#fff;margin-bottom:22px;
	box-shadow:0 14px 30px rgba(6,75,92,.18);
}
.blxc-hero .blxc-kicker{display:block;font-size:11px;letter-spacing:2.2px;color:var(--blxc-accent-soft);font-weight:800;text-transform:uppercase}
.blxc-hero h1{color:#fff!important;margin:6px 0 4px;font-size:27px;font-weight:800;padding:0}
.blxc-hero p{margin:0;color:rgba(255,255,255,.82);font-size:14px;max-width:820px}

/* schede bianche */
.blxc-card{
	background:#fff;border:1px solid var(--blxc-line);border-top:4px solid var(--blxc-accent);
	border-radius:18px;padding:24px 26px;margin-bottom:20px;
	box-shadow:0 6px 18px rgba(8,55,70,.06);
}
.blxc-card>h2{margin:0 0 4px;font-size:21px;font-weight:800;color:var(--blxc-dark2)}
.blxc-card>h3{margin:24px 0 10px;font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--blxc-muted);border-bottom:1px solid var(--blxc-line);padding-bottom:8px}
.blxc-card>h3:first-of-type{margin-top:14px}
.blxc-card>p.blxc-hint{margin:0 0 18px;color:var(--blxc-muted);font-size:13px}

/* moduli */
.blxc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
.blxc-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px;color:var(--blxc-text)}
.blxc-grid label small{font-weight:500;color:var(--blxc-muted);font-size:12px}
.blxc-grid .blxc-span2{grid-column:span 2}
.blxc-wrap input[type=text],.blxc-wrap input[type=email],.blxc-wrap input[type=number],
.blxc-wrap select,.blxc-wrap textarea{
	width:100%;min-height:46px;border:1px solid #bfd0d8;border-radius:12px;padding:10px 13px;
	background:#fff;color:var(--blxc-text);font-size:14px;
}
.blxc-wrap textarea{min-height:96px;padding:12px 13px}
.blxc-wrap input:focus,.blxc-wrap select:focus,.blxc-wrap textarea:focus{
	border-color:var(--blxc-accent);box-shadow:0 0 0 3px rgba(255,47,104,.12);outline:0;
}

/* pulsanti */
.blxc-wrap .button,.blxc-area .button,.blxc-wrap button{border-radius:12px}
.blxc-wrap .button-primary,.blxc-area button[type=submit]{
	background:var(--blxc-accent)!important;border-color:var(--blxc-accent)!important;color:#fff!important;
	min-height:44px;padding:0 22px;font-weight:700;border-radius:12px!important;
}
.blxc-wrap .button-primary:hover{background:#e9235a!important;border-color:#e9235a!important}
.blxc-savebar{display:flex;gap:12px;align-items:center;margin-top:20px}

/* tabelle */
.blxc-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:12px;background:#fff;border:1px solid var(--blxc-line);border-radius:16px;overflow:hidden}
.blxc-table th{background:var(--blxc-ice);text-align:left;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--blxc-muted);padding:12px 14px;font-weight:800}
.blxc-table td{padding:14px;border-top:1px solid var(--blxc-line);font-size:14px;vertical-align:middle}
.blxc-table tr:hover td{background:#fbfdfe}
.blxc-table code{background:var(--blxc-ice);border-radius:8px;padding:3px 8px;font-size:13px;color:var(--blxc-dark2)}

/* pastiglie di stato */
.blxc-pill{display:inline-block;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.blxc-pill.is-ok{background:#e8f6ee;color:var(--blxc-green)}
.blxc-pill.is-off{background:#fdeaea;color:#b53b3b}
.blxc-pill.is-wait{background:#fff4e5;color:#c87921}

/* numeri in evidenza */
.blxc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:6px 0 4px}
.blxc-stat{background:var(--blxc-ice);border:1px solid var(--blxc-line);border-radius:15px;padding:16px 18px}
.blxc-stat span{display:block;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--blxc-muted);font-weight:800}
.blxc-stat strong{display:block;margin-top:6px;font-size:22px;font-weight:800;color:var(--blxc-dark2)}
.blxc-stat.is-accent{background:linear-gradient(135deg,var(--blxc-dark),var(--blxc-dark2));border-color:transparent}
.blxc-stat.is-accent span{color:var(--blxc-accent-soft)}
.blxc-stat.is-accent strong{color:#fff}

/* avvisi */
.blxc-notice{border-radius:14px;padding:14px 18px;margin-bottom:18px;font-size:14px;border-left:5px solid}
.blxc-notice.is-ok{background:#e8f6ee;border-color:var(--blxc-green);color:#14562a}

.blxc-notice.is-attesa{background:#fff4e5;border-color:#c87921;color:#7a4a12}
.blxc-notice.is-error{background:#fdeaea;border-color:#b53b3b;color:#7e2626}

/* l'area del partner, sul sito */
.blxc-area{max-width:1100px;margin:0 auto;padding:26px 18px;color:var(--blxc-text);font-size:15px}
.blxc-area .blxc-hero{margin-bottom:20px}
.blxc-area .blxc-table{box-shadow:0 6px 18px rgba(8,55,70,.06)}
.blxc-area form{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.blxc-area .blxc-exit,.blxc-area .blxc-uscita{display:inline-block;margin-top:20px;color:var(--blxc-dark);font-weight:700;text-decoration:none}
.blxc-area .blxc-login{max-width:420px}

@media(max-width:782px){
	.blxc-grid{grid-template-columns:1fr}
	.blxc-grid .blxc-span2{grid-column:auto}
	.blxc-card{padding:18px}
	.blxc-hero{padding:20px}
	.blxc-table,.blxc-table tbody,.blxc-table tr,.blxc-table td{display:block;width:100%}
	.blxc-table thead{display:none}
	.blxc-table td{border-top:0;border-bottom:1px solid var(--blxc-line)}
	.blxc-table tr{border-bottom:2px solid var(--blxc-line)}
}

/* ---------------------------------------------------------------- palette
   Barra dei comandi in stile Control Center: fondo notte, pulsanti numerati. */
.blxc-bar{
	position:relative;margin:0 20px 18px 0;border-radius:0 0 16px 16px;overflow:hidden;
	background:radial-gradient(circle at 82% 0,rgba(89,234,255,.12),transparent 30%),linear-gradient(100deg,#07131e,#102d3a);
	border:1px solid #244554;box-shadow:0 14px 34px rgba(7,19,30,.22);
	display:flex;align-items:flex-start;gap:14px;padding:12px 14px;
}
/* i pulsanti riempiono la barra: niente spazio scuro sprecato a destra */
.blxc-livelli{flex:1 1 auto;display:flex;flex-direction:column;gap:10px}
.blxc-pals{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}
/* secondo livello: le voci del gruppo aperto, piu leggere */
.blxc-livello-uno{gap:8px}
.blxc-livello-due{padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}
.blxc-voce{
	display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px;border-radius:9px;
	background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
	color:#cfe6ee!important;text-decoration:none;font-size:12.5px;font-weight:650;white-space:nowrap;
	transition:background .15s ease,color .15s ease;
}
.blxc-voce:hover{background:rgba(89,234,255,.16);color:#fff!important}
.blxc-voce.is-current{background:#fff;color:#07131e!important;border-color:#fff;font-weight:800}
.blxc-voce.is-action{border-style:dashed;background:transparent}
.blxc-conta{background:rgba(0,0,0,.3);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800}
.blxc-voce.is-current .blxc-conta{background:rgba(7,19,30,.12);color:#07131e}
.blxc-bar .blxc-brand{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:6px 14px 6px 0;border-right:1px solid rgba(255,255,255,.14);text-decoration:none;border-radius:10px}
.blxc-bar a.blxc-brand:hover{background:rgba(89,234,255,.1);padding-left:10px;border-right-color:#59eaff}
.blxc-bar .blxc-brand em{font-style:normal;font-size:11px;color:#59eaff;font-weight:700;margin-top:2px}
.blxc-bar .blxc-brand span{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#59eaff;font-weight:800}
.blxc-bar .blxc-brand strong{color:#fff;font-size:15px;font-weight:800;line-height:1.2}

button.blxc-pal{font-family:inherit;cursor:pointer}
.blxc-pal{
	display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;
	border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
	color:#eaf6fa!important;text-decoration:none;font-size:13px;font-weight:750;white-space:nowrap;
	transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.blxc-pal:hover{background:rgba(89,234,255,.16);border-color:#59eaff;color:#fff!important;transform:translateY(-1px)}
.blxc-pal:focus{box-shadow:0 0 0 2px rgba(89,234,255,.5);outline:0}
/* Il numero sta DENTRO il pulsante, come elemento suo: non puo coprire il testo. */
.blxc-num{
	flex:0 0 auto;min-width:20px;height:20px;padding:0 5px;
	display:inline-grid;place-items:center;border-radius:8px;
	background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.28);
	font-size:12px;font-weight:800;line-height:1;color:#fff;
}
.blxc-testo{flex:1 1 auto}
.blxc-pal.is-current{background:#ff2f68;border-color:#ff2f68;color:#fff!important;box-shadow:0 8px 20px rgba(255,47,104,.3)}
.blxc-pal.is-current .blxc-num{background:rgba(0,0,0,.32);border-color:rgba(255,255,255,.4)}
.blxc-pal.is-action{background:transparent;border-style:dashed}

@media(max-width:782px){
	.blxc-bar{margin-right:0;border-radius:0;padding:12px}
	.blxc-bar .blxc-brand{border-right:0;width:100%;padding-right:0;margin-bottom:6px}
}

/* ------------------------------------------------- schermo largo (solo qui)
   WordPress lascia molto margine sprecato: sulle pagine dei codici e dei
   partner si usa tutta la larghezza utile, come fa il Control Center. */
body.blxc-schermo #wpcontent{padding-left:14px!important}
/* Il gestionale tiene la pagina alta anche quando il contenuto e finito:
   sulle nostre pagine la si lascia finire dove finisce davvero. */
body.blxc-schermo #wpbody-content{min-height:0!important;padding-bottom:24px!important}
body.blxc-schermo #wpbody{min-height:0!important}
body.blxc-schermo #wpcontent{min-height:0!important}
body.blxc-schermo #wpwrap{min-height:0!important}
body.blxc-schermo .blxc-wrap{padding-bottom:0}
body.blxc-schermo .blxc-wrap>.blxc-card:last-child{margin-bottom:0}
/* alcune schermate del gestionale impongono un'altezza minima al contenitore:
   qui si azzera anche quella, e si toglie il riempimento in fondo. */
body.blxc-schermo #wpbody-content>*{min-height:0!important}
body.blxc-schermo #wpfooter{display:none!important}
body.blxc-schermo.auto-fold #wpcontent,body.blxc-schermo #wpcontent{padding-bottom:0!important}
body.blxc-schermo{min-height:0!important;height:auto!important}
body.blxc-schermo .bdp-admin-wrap,body.blxc-schermo .bdp-app-shell{min-height:0!important}
body.blxc-schermo .wrap,body.blxc-schermo #posts-filter,body.blxc-schermo .blxc-wrap{max-width:100%!important;margin-right:16px}
body.blxc-schermo .wp-list-table{width:100%}
body.blxc-schermo #screen-meta-links{display:none!important}
body.blxc-schermo #screen-meta{display:none!important}

/* ------------------------------------------------- tabelle a colpo d'occhio
   Stessa logica di NCCGest: intestazione scura, riga colorata secondo lo stato,
   valori importanti dentro riquadri colorati, totali in fondo. */
.blxc-table thead th{background:#2f3b42;color:#fff;border-bottom:0}
/* Lo stato si legge dalla pastiglia e da una striscia sottile a sinistra:
   il fondo colorato su righe alte diventava una macchia. */
.blxc-table tr.is-ok td,.blxc-table tr.is-attesa td{background:#fff}
.blxc-table tr.is-ok td:first-child{box-shadow:inset 4px 0 0 #1e9e57}
.blxc-table tr.is-attesa td:first-child{box-shadow:inset 4px 0 0 #e0a325}
.blxc-table tr.is-ok:hover td,.blxc-table tr.is-attesa:hover td{background:#f7fafb}

.blxc-euro{display:inline-block;padding:5px 11px;border-radius:8px;font-weight:800;font-size:13.5px;white-space:nowrap}
.blxc-euro.is-incasso{background:#1e9e57;color:#fff}
.blxc-euro.is-costo{background:#d2691e;color:#fff}
.blxc-euro.is-zero{background:#e04b4b;color:#fff}
.blxc-euro.is-neutro{background:#eef3f5;color:#37474f;border:1px solid var(--blxc-line)}

.blxc-tag{display:inline-block;padding:4px 10px;border-radius:6px;background:#17242d;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.4px}

/* striscia dei totali, come la barra in fondo di NCCGest */
.blxc-totali{display:flex;flex-wrap:wrap;gap:2px;margin-top:16px;border-radius:14px;overflow:hidden}
.blxc-totale{flex:1 1 160px;padding:14px 16px;color:#fff;text-align:center}
.blxc-totale span{display:block;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;opacity:.85}
.blxc-totale strong{display:block;margin-top:5px;font-size:19px;font-weight:800}
.blxc-totale.c1{background:#e0a325}
.blxc-totale.c2{background:#1e9e57}
.blxc-totale.c3{background:#d2691e}
.blxc-totale.c4{background:#2f79c4}
.blxc-totale.c5{background:#5b6b75}

/* ------------------------------------------------------------------- stampa
   Sul foglio restano i dati: via barre, pulsanti e campi vuoti. */
@media print{
	.blxc-bar,.blxc-savebar,.blxc-stampa,#adminmenumain,#adminmenuback,#adminmenuwrap,
	#wpadminbar,#wpfooter,.blxc-notice,.blxc-hint{display:none!important}
	.blxc-hero{background:#fff!important;color:#000!important;box-shadow:none!important;border-bottom:2px solid #000;border-radius:0;padding:0 0 10px}
	.blxc-hero h1{color:#000!important;font-size:20px}
	.blxc-hero .blxc-kicker{color:#000!important}
	.blxc-hero p{display:none}
	.blxc-card{break-inside:avoid;box-shadow:none!important;border:1px solid #999;border-top-width:1px;border-radius:0;padding:12px;margin-bottom:12px}
	.blxc-wrap{margin:0}
	.blxc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
	.blxc-grid label{font-size:12px}
	.blxc-wrap input,.blxc-wrap select,.blxc-wrap textarea{border:0!important;border-bottom:1px solid #ccc!important;border-radius:0!important;min-height:0!important;padding:2px 0!important;font-size:13px;background:#fff!important}
	.blxc-table{border:1px solid #999}
	.blxc-table thead th{background:#eee!important;color:#000!important}
	.blxc-table td,.blxc-table th{padding:6px 8px;font-size:12px}
	.blxc-totale{color:#000!important;background:#f2f2f2!important;border:1px solid #999}
	.blxc-euro,.blxc-pill,.blxc-tag{background:#fff!important;color:#000!important;border:1px solid #999}
	a[href]:after{content:""}
}

/* la zona pericolosa: chiusa finche non la si apre apposta */
.blxc-card .blxc-elimina-persona{display:inline-block}
.blxc-card .blxc-elimina-persona summary{list-style:none;cursor:pointer}
.blxc-card .blxc-elimina-persona summary::-webkit-details-marker{display:none}
.blxc-card .blxc-elimina-persona[open]{display:block;margin-top:8px;padding:12px;border:1px solid #f0c9c9;border-radius:12px;background:#fdf6f6}
.blxc-card .blxc-elimina-persona p{margin:8px 0}
.blxc-card .blxc-elimina-persona input[type=password]{min-height:38px}

/* filtri e pulsante prenota dentro l'area del partner */
.blxc-area .blxc-filtri{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.blxc-area .blxc-filtri input[type=search]{flex:1 1 240px;min-height:42px}
.blxc-area .blxc-filtri select{flex:0 0 160px;min-height:42px}
.blxc-area .blxc-filtri button{min-height:42px;padding:0 18px;border:0;border-radius:12px;background:var(--blxc-dark);color:#fff;font-weight:700;cursor:pointer}
.blxc-prenota{display:inline-block;padding:13px 22px;border-radius:12px;background:var(--blxc-accent);color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(255,47,104,.25)}
.blxc-prenota:hover{background:#e9235a}

/* il calcolatore dentro l'area del partner */
.blxc-area .blxc-prenota-qui{border-top-color:var(--blxc-dark)}
.blxc-area .blxc-prenota-qui .blx-booking{margin-top:10px}

/* la regola sui codici, in cima all'area */
.blxc-area .blxc-regola{margin:12px 0 0;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.12);border-left:3px solid var(--blxc-accent-soft);font-size:13px;color:rgba(255,255,255,.9)}

/* il calcolatore dentro l'area: respiro sopra e sotto, e niente cornice che lo stringe */
.blxc-area .blxc-prenota-qui{padding:26px 26px 32px;margin-bottom:26px}
.blxc-area .blxc-prenota-qui>h2{margin-bottom:6px}
.blxc-area .blxc-prenota-qui .blxc-hint{margin-bottom:22px}
.blxc-area .blxc-prenota-qui .blx-booking{margin:0 -12px}
@media(min-width:900px){
	.blxc-area .blxc-prenota-qui .blx-booking{margin:0 -18px}
}
@media(max-width:782px){
	.blxc-area .blxc-prenota-qui{padding:18px 12px 24px}
	.blxc-area .blxc-prenota-qui .blx-booking{margin:0 -6px}
}

/* prenotazione fatta senza il codice: si deve notare */
.blxc-area .blxc-senza-codice{color:#c0392b;font-weight:700}

/* dettaglio della corsa e richiesta di modifica */
.blxc-area .blxc-riga-dettaglio td{padding:0 12px 12px;background:#fff}
.blxc-area .blxc-riga-dettaglio details{border:1px solid var(--blxc-line);border-radius:12px;background:#fbfdfe}
.blxc-area .blxc-riga-dettaglio summary{padding:11px 16px;cursor:pointer;font-weight:700;color:var(--blxc-dark);font-size:13px}
.blxc-area .blxc-riga-dettaglio details[open] summary{border-bottom:1px solid var(--blxc-line)}
.blxc-dettaglio{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 22px;padding:16px}
.blxc-dettaglio>div{display:flex;flex-direction:column;gap:3px}
.blxc-dettaglio span{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;font-weight:800;color:var(--blxc-muted)}
.blxc-dettaglio strong{font-size:14px;color:var(--blxc-dark2);font-weight:650;line-height:1.35}
.blxc-modifica{padding:0 16px 16px;display:flex;flex-direction:column;gap:8px}
.blxc-modifica label{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--blxc-muted);display:flex;flex-direction:column;gap:6px}
.blxc-modifica textarea{width:100%;padding:10px 12px;border:1px solid var(--blxc-line);border-radius:10px;font:inherit;font-size:14px;text-transform:none;letter-spacing:0;color:var(--blxc-dark2)}
.blxc-modifica button{align-self:flex-start;padding:10px 20px;border:0;border-radius:10px;background:var(--blxc-dark);color:#fff;font-weight:700;cursor:pointer}
.blxc-modifica button:hover{background:var(--blxc-dark2)}

/* --------------------------------------------- servizio non pagato: si deve vedere */
.blxc-allarme{display:inline-block;padding:9px 13px;border-radius:9px;background:#c0392b;color:#fff;
	font-size:12px;font-weight:800;line-height:1.3;letter-spacing:.3px;
	animation:blxc-battito 1.6s ease-in-out infinite}
@keyframes blxc-battito{
	0%,100%{background:#c0392b;box-shadow:0 0 0 0 rgba(192,57,43,.55)}
	50%{background:#e04b3a;box-shadow:0 0 0 7px rgba(192,57,43,0)}
}
/* chi soffre le animazioni non le riceve: resta rosso e ben visibile */
@media(prefers-reduced-motion:reduce){
	.blxc-allarme{animation:none;background:#c0392b}
}
.blxc-table tr.is-attesa td:first-child{box-shadow:inset 4px 0 0 #c0392b}

/* struttura piu larga: le corse hanno indirizzi lunghi */
.blxc-area{max-width:1500px;margin-left:auto;margin-right:auto}
.blxc-area .blxc-card{padding-left:22px;padding-right:22px}
.blxc-area .blxc-table td,.blxc-area .blxc-table th{padding:12px 14px}

/* ------------------------------------------- l'area usa tutto lo schermo che c'e
   Le corse hanno indirizzi lunghi e una colonna dove si scrive: stringerle
   non serve a niente. */
.blxc-area{max-width:none;width:100%}
.blxc-area .blxc-card{padding-left:26px;padding-right:26px}

/* la colonna dove il partner scrive quanto ha rivenduto */
.blxc-area .blxc-table td:last-child{min-width:250px}
.blxc-area .blxc-table input[type=number],
.blxc-area .blxc-table input[type=text]{width:100%;min-width:130px;min-height:44px;font-size:15px;font-weight:700}
.blxc-area .blxc-table select{width:100%;min-width:150px;min-height:44px;font-size:14px}
.blxc-area .blxc-table label{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px;line-height:1.3}
.blxc-area .blxc-table label input[type=checkbox]{flex:0 0 auto;margin:0}
.blxc-area .blxc-table button{width:100%;min-height:44px}

/* le colonne larghe dove serve, strette dove non serve */
.blxc-area .blxc-table td:nth-child(1){min-width:110px;white-space:nowrap}
.blxc-area .blxc-table td:nth-child(2){min-width:280px}
.blxc-area .blxc-table td:nth-child(5){min-width:190px}

@media(max-width:900px){
	.blxc-area .blxc-table td:last-child{min-width:0}
	.blxc-area .blxc-table td:nth-child(2){min-width:0}
}

/* ------------------------------------------------------ la tabella resta dentro
   Con le colonne larghe la tabella usciva dal riquadro bianco e sembrava
   che ci fosse qualcosa sotto. Ora scorre dentro il suo contenitore. */
.blxc-area .blxc-card{overflow-x:auto;overflow-y:visible}
.blxc-area .blxc-table{min-width:1150px}
.blxc-area .blxc-riga-dettaglio td{min-width:0}
.blxc-area .blxc-dettaglio input[type=text]{width:100%;padding:9px 11px;border:1px solid var(--blxc-line);border-radius:9px;font:inherit;font-size:14px}
.blxc-modifica-titolo{margin:14px 16px 0;font-weight:800;color:var(--blxc-dark2);font-size:14px}
.blxc-modifica-nota{margin:6px 16px 14px;font-size:12.5px;color:var(--blxc-muted);line-height:1.45}
.blxc-modifica-nota.is-tardi{margin-top:14px;padding:11px 14px;border-left:3px solid #c0392b;background:#fdf3f2;color:#8e2a1f;font-weight:600}

/* il prezzo di rivendita: valore in colonna, modulo nel dettaglio */
.blxc-da-scrivere{display:inline-block;padding:6px 11px;border-radius:8px;border:1px dashed var(--blxc-line);color:var(--blxc-muted);font-size:12.5px;font-weight:700}
.blxc-vendita{padding:0 16px 6px}
.blxc-vendita .blxc-dettaglio{padding:10px 0}
.blxc-vendita input[type=number],.blxc-vendita select{width:100%;padding:10px 12px;border:1px solid var(--blxc-line);border-radius:9px;font:inherit;font-size:15px;font-weight:700;min-height:44px}
.blxc-vendita .blxc-spunta{display:flex;align-items:center;gap:9px;min-height:44px;font-size:13.5px;font-weight:600;color:var(--blxc-dark2);text-transform:none;letter-spacing:0}
.blxc-vendita .blxc-spunta input{width:18px;height:18px;margin:0;flex:0 0 auto}
.blxc-vendita button{margin-top:4px;padding:11px 22px;border:0;border-radius:10px;background:var(--blxc-accent);color:#fff;font-weight:800;cursor:pointer}
.blxc-vendita button:hover{background:#e9235a}
/* tabella piu stretta: adesso ci stanno tutte le colonne */
.blxc-area .blxc-table{min-width:980px}
.blxc-area .blxc-table td:nth-child(2){min-width:230px}
.blxc-area .blxc-table td:nth-child(5){min-width:170px}
.blxc-allarme{font-size:11.5px;padding:8px 11px}

/* --------------------------------------------------------- la trappola di Elementor
   Elementor dispone i blocchi in modo flessibile, e in quel caso un riquadro
   con dentro una tabella larga SI ALLARGA invece di far scorrere: esce dallo
   schermo e viene tagliato a destra. Queste due righe glielo impediscono. */
.blxc-area,.blxc-area .blxc-card{min-width:0;max-width:100%;box-sizing:border-box}
.blxc-area .blxc-card{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* si capisce che si puo scorrere */
.blxc-area .blxc-card::-webkit-scrollbar{height:10px}
.blxc-area .blxc-card::-webkit-scrollbar-thumb{background:#c3d2d8;border-radius:6px}
.blxc-area .blxc-card::-webkit-scrollbar-track{background:#eef3f5;border-radius:6px}

/* ============================================================ LE CORSE A RIQUADRI
   Niente piu tabella: con otto colonne non ci sta in nessuno schermo e usciva
   di lato. Ogni corsa e un riquadro che si adatta alla larghezza che trova. */
.blxc-corse{display:flex;flex-direction:column;gap:14px}
.blxc-corsa{border:1px solid var(--blxc-line);border-radius:14px;background:#fff;overflow:hidden}
.blxc-corsa.is-ok{border-left:5px solid #1e9e57}
.blxc-corsa.is-attesa{border-left:5px solid #c0392b}

.blxc-corsa-testa{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:baseline;
	padding:15px 18px;background:linear-gradient(135deg,#f4f9fb,#eef5f8);border-bottom:1px solid var(--blxc-line)}
.blxc-corsa-quando strong{font-size:17px;font-weight:800;color:var(--blxc-dark)}
.blxc-corsa-percorso{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:4px}
.blxc-corsa-percorso div{font-size:14px;color:var(--blxc-dark2);line-height:1.4}
.blxc-corsa-percorso span{display:inline-block;min-width:92px;font-size:10.5px;letter-spacing:1.2px;
	text-transform:uppercase;font-weight:800;color:var(--blxc-muted)}

.blxc-corsa-dati{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 22px;padding:16px 18px}
.blxc-corsa-dati>div{display:flex;flex-direction:column;gap:5px;align-items:flex-start;min-width:0}
.blxc-corsa-dati span:first-child{font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;color:var(--blxc-muted)}
.blxc-corsa-dati strong{font-size:14.5px;font-weight:700;color:var(--blxc-dark2);word-break:break-word}
.blxc-corsa-dati small{font-size:12px;color:var(--blxc-muted)}

.blxc-corsa-stato{padding:0 18px 16px}
.blxc-corsa-altro{border-top:1px solid var(--blxc-line);background:#fbfdfe}
.blxc-corsa-altro summary{padding:12px 18px;cursor:pointer;font-weight:700;font-size:13px;color:var(--blxc-dark)}
.blxc-corsa-altro[open] summary{border-bottom:1px solid var(--blxc-line)}
.blxc-corsa-altro .blxc-dettaglio{padding:16px 18px}
.blxc-corsa-altro .blxc-vendita,.blxc-corsa-altro .blxc-modifica{padding-left:18px;padding-right:18px}

@media(max-width:600px){
	.blxc-corsa-testa,.blxc-corsa-dati{padding:13px 14px}
	.blxc-corsa-dati{grid-template-columns:1fr}
	.blxc-corsa-percorso span{min-width:0;display:block}
}

/* destinazione: piu spazio fra l'etichetta e l'indirizzo */
.blxc-corsa-percorso div{display:flex;gap:16px;align-items:baseline}
.blxc-corsa-percorso span{flex:0 0 118px;min-width:118px}

/* le note: un riquadro vero, non una riga */
.blxc-campo-largo{grid-column:1/-1}
.blxc-campo-largo textarea{width:100%;min-height:110px;padding:12px 14px;border:1px solid var(--blxc-line);
	border-radius:10px;font:inherit;font-size:14.5px;line-height:1.5;color:var(--blxc-dark2);resize:vertical}

/* chiudere il dettaglio senza risalire in cima */
.blxc-chiudi{padding:6px 18px 18px}
.blxc-chiudi-btn{padding:10px 20px;border:1px solid var(--blxc-line);border-radius:10px;background:#fff;
	color:var(--blxc-dark);font-weight:700;cursor:pointer;font-size:13px}
.blxc-chiudi-btn:hover{background:var(--blxc-ice)}

@media(max-width:600px){
	.blxc-corsa-percorso div{flex-direction:column;gap:2px}
	.blxc-corsa-percorso span{flex:none;min-width:0}
}

/* il prezzo di rivendita: campo grande, e un numero importante */
.blxc-vendita input[type=number]{max-width:220px;font-size:18px;min-height:50px;letter-spacing:.5px}
.blxc-vendita select{max-width:260px}
.blxc-vendita input[type=date],.blxc-vendita input[type=time]{min-height:46px}
.blxc-corsa-altro .blxc-dettaglio input[type=date],
.blxc-corsa-altro .blxc-dettaglio input[type=time]{width:100%;padding:10px 12px;border:1px solid var(--blxc-line);
	border-radius:9px;font:inherit;font-size:15px;font-weight:700;min-height:46px}
.blxc-modifica-nota.is-avviso{border-left:3px solid #e0a325;background:#fff8ec;color:#7a5411;padding:11px 14px;font-weight:600}