#splash{height:100%;width:100%;}
#splash *{margin:0;text-decoration:none;}
/*body{background:linear-gradient(#ffffff 0%, #e4e4e4 100%);font-family:'News Cycle',Arial,sans-serif;height:100%;display:block;}*/
#splash nav{width:100%;border-bottom:1px solid #ccc;float:left;background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffffff,0),color-stop(#e4e4e4,1));background:-webkit-linear-gradient(#ffffff 0%, #e4e4e4 100%);background:-moz-linear-gradient(#ffffff 0%, #e4e4e4 100%);background:-o-linear-gradient(#ffffff 0%, #e4e4e4 100%);background:linear-gradient(#ffffff 0%, #e4e4e4 100%);}
#splash nav h2{float:right;line-height:48px;margin-right:100px;color:#24346C;font-weight:400;}
#splash nav ul{list-style:none;line-height:48px;font-size:21px;margin-left:100px;}
#splash nav ul li{display:inline-block;float:left;padding:0px 40px;border-right:1px solid #fff;}
#splash nav ul li.active{background:-webkit-gradient(linear,left top,left bottom,color-stop(#24346C,0),color-stop(#24346C,1));background:-webkit-linear-gradient(#24346C 0%, #24346C 100%);background:-moz-linear-gradient(#24346C 0%, #24346C 100%);background:-o-linear-gradient(#24346C 0%, #24346C 100%);background:linear-gradient(#24346C 0%, #24346C 100%);}

#splash nav a{color:#24346c;}
#splash nav a:hover,nav li.active a{color:#24346C;}

#splash nav li.active a{color:#fff;}

#splash .stabs{width:100%;display:block;margin:0 auto;float:left;height:100%;}
#splash .stabs section{width:1100px;margin:0 auto;display:block;}
#splash h1.saikulogo{width:275px;height:72px;background:url('../../../images/src/saiku.png') center center no-repeat;text-indent:-10000px;margin:0.5%;margin-bottom:20px;}

#splash p{max-width:700px;margin:0.5%;margin-bottom:40px;}
#splash p.fixed{max-width:500px;}
#splash .stabs h2{clear:left;margin-left:0.5%;color:#6D6E71;font-weight:400;margin-bottom:12px;}
#splash small a{color:#A7A9AC;}

#splash ul.quicklinks{list-style:none;max-width:500px;text-align:center;margin-bottom:40px;float:left;}
#splash ul.quicklinks li{width:48%;margin:1%;float:left;border:3px solid #24346C;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;line-height:36px;box-sizing:border-box;padding-bottom:3px;}
#splash ul.quicklinks li a{color:#24346C;}
#splash ul.quicklinks li:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(#24346C,0),color-stop(#24346C,1));background:-webkit-linear-gradient(#24346C 0%, #24346C 100%);background:-moz-linear-gradient(#24346C 0%, #24346C 100%);background:-o-linear-gradient(#24346C 0%, #24346C 100%);background:linear-gradient(#A1C93A 0%, #A1C93A 100%);}
#splash ul.quicklinks li:hover a{color:#fff;}

#splash a.button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:-webkit-gradient(linear,left top,left bottom,color-stop(#24346C,0),color-stop(#24346C,1));background:-webkit-linear-gradient(#24346C 0%, #24346C 100%);background:-moz-linear-gradient(#24346C 0%, #24346C 100%);background:-o-linear-gradient(#24346C 0%, #24346C 100%);background:linear-gradient(#24346C 0%, #24346C 100%);width:48%;margin:0%;display:inline-block;line-height:36px;color:#fff;text-align:center;padding-bottom:3px;border:3px solid #24346C;box-sizing:border-box;margin-right:20px;}

/*splash #welcome{background:url('../../../images/src/mac.png') bottom right no-repeat;}*/

#splash table{width:100%;color:#6D6E71;text-align:center;}
#splash table th{text-align:center;font-size:24px;font-weight:400;}

#splash a{color:#24346C;}
#splash a:hover{color:#A1C93A;}

@media screen and (max-width:1200px){
	#splash {height:100%;position:inherit;}
	nav ul{margin-left:0px;}
	nav h2{margin-right:20px;}
	.stabs section{width:960px;}
	#welcome{background-size:60%;}
}

@media screen and (max-width:1000px){
	#splash {height:100%;position:inherit;}
	nav h2{font-size:18px;}
	nav ul li{font-size:18px;}
	.stabs section{width:90%;margin:0 auto;}
	#welcome{background-size:40%;}
}

@media screen and (max-width:800px){
	#splash {height:100%;position:inherit;}
	nav h2{font-size:16px;}
	nav ul li{font-size:16px;padding:0px 20px;}
}

@media screen and (max-width:600px){
	#splash {height:100%;position:inherit;}
	h1.saikulogo{width:275px;height:72px;background:url('../../../images/src/saikux2.png') top left no-repeat;background-size:275px 72px;}
	nav h2{display:none;}
	nav ul li{font-size:16px;width:25%;border-right:none;padding:0px 0px;text-align: center;}
	#welcome{background:none;}
	ul.quicklinks li{width:98%;}
	a.button{width:96%;}
}

#sidebar-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  width: 300px;
  align-items: flex-end;
}

.sidebar-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.25s ease;
  color: #333;
  background-color: #cce7ff;
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.1);
  width: 100%;
  justify-content: flex-start; 
  text-align: left;
}

.sidebar-btn:hover {
  background-color: #99ceff;
}

.sidebar-btn i {
  font-size: 18px;
  flex-shrink: 0;
  color: #555;
  margin-right: 8px;
  margin-left: 0;
}

#signalsContainer {
  /* full width + centrato con max larghezza */
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;

  /* niente scroll interno; lascia scorrere la pagina */
  overflow: visible;

  /* tipografia e spacing */
  font-family: Arial, sans-serif;
  font-size: 14px;
  background: #fff;
  padding: 16px 20px;
  box-sizing: border-box;
}

/* Card */
#signalsContainer .signal-card {
  margin-bottom: 18px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* Header */
#signalsContainer .signal-header {
  background-color: #f0f0f0;
  padding: 6px 8px;
  font-size: 13px;
  font-weight: bold;
  margin: -10px -12px 10px -12px; /* copre i bordi laterali */
  border-bottom: 1px solid #ddd;
}

#signalsContainer .signal-header i {
  color: #2c3e50;
  margin-right: 4px;
}

#signalsContainer .signal-date {
  font-size: 12px;
  color: #666;
  margin-left: 6px;
}

/* Meta info in griglia */
#signalsContainer .signal-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 6px 12px;
  margin-bottom: 12px;
}

#signalsContainer .signal-meta i {
  color: #2980b9;
  margin-right: 4px;
}

/* Analisi */
#signalsContainer .signal-analysis h4 {
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 4px;
  color: #2c3e50;
  display: flex;
  align-items: center;
}

#signalsContainer .signal-analysis h4 i {
  margin-right: 6px;
  color: #16a085;
}

#signalsContainer .signal-analysis p {
  margin: 0 0 10px 0;
  font-size: 13px;
  line-height: 1.4;
}

/* Azioni */
#signalsContainer .signal-actions {
  text-align: right;
  margin-top: 8px;
}

.action-btn {
  min-width: 100px;
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 4px;
  border: none;
  margin-left: 6px;
  color: white;
}

.btn-dettagli {
  background-color: #3498db;
}

.btn-save {
  background-color: #ed3a3a;
}

.btn-notifica {
  background-color: #f39c12;
}

.btn-automatizza {
  background-color: #27ae60;
}

.action-btn i {
  margin-right: 4px;
}

.trade-opportunity {
    float: right;
    padding: 6px 12px;
    background: red;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    animation: blink 2s infinite; /* più lento: 2 secondi */
}

.trade-expired {
    float: right;
    padding: 6px 8px;
	font-size: 13px;
    color: red;
    font-weight: bold;
    animation: blink 2s infinite;
	margin: -10px -12px 10px -12px;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.market-header {
  margin-bottom: 8px;
  font-size: 12px;
  color: #333;
}

.selections-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.selection-card {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px;
  display: grid;
  grid-template-columns: 3fr 1.5fr auto;
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "title title title"
    "chart ladder footer";
  gap: 6px;
  background: #fff;
  font-size: 11px;
}

.selection-title {
  grid-area: title;
  font-weight: bold;
  margin-bottom: 2px;
  font-size: 12px;
  text-align: left;
}

.chart-area {
  grid-area: chart;
  min-width: 200px;
}

.chart-container {
  width: 100%;
  height: 130px; /* più basso per farci stare 3 selezioni */
}

.ladder-area {
  grid-area: ladder;
  max-width: 160px;
}

.ladder-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10px;
  text-align: center;
}

.ladder-table th {
  background: #f5f5f5;
  padding: 2px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}

.ladder-table td {
  padding: 2px;
  border-bottom: 1px solid #eee;
  font-weight: bold;
}

.ladder-table td.punta {
  background: #e6f2ff;
  color: #003366;
}

.ladder-table td.banca {
  background: #ffe6e6;
  color: #660000;
}

.ladder-table td.quota-punta {
  background: #cce6ff;
}

.ladder-table td.quota-banca {
  background: #ffcccc;
}

.modal-footer-card {
  grid-area: footer;
  display: flex;
  flex-direction: column; /* pulsanti in colonna */
  gap: 4px;
  align-items: stretch;
}

.modal-footer-card .btn-action {
  font-size: 10px;
  padding: 2px 4px;
  min-height: 20px; /* altezza minima compatta */
  border: 1px solid #888;
  border-radius: 3px;
  background: #f0f0f0;
  color: #333;
  cursor: pointer;
}

.modal-footer-card .btn-action:hover {
  background: #e0e0e0;
}

.promo-badge {
  display: none;
  background-color: #ff3b30; /* rosso urgente */
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  line-height: 14px;
  padding: 0 5px;
  border-radius: 10px;
  margin-left: 6px;
  vertical-align: middle;
  text-transform: uppercase;
  animation: pulse 1.5s infinite;
}

.telegram-badge {
  background-color: #ff3b30; /* rosso urgente */
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  line-height: 14px;
  padding: 0 5px;
  border-radius: 10px;
  margin-left: 6px;
  vertical-align: middle;
  text-transform: uppercase;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.15); opacity: 0.8; }
  100% { transform: scale(1); opacity: 1; }
}

.menu-badge {
  display: inline-block;
  background-color: #888; /* grigio scuro neutro, non urta */
  color: #fff;
  font-size: 8px;
  font-weight: bold;
  line-height: 12px;
  padding: 0 4px;
  border-radius: 8px;
  margin-left: 4px;
  vertical-align: middle;
  text-transform: uppercase;
  pointer-events: none;
}

.fa {
  pointer-events: none;
}

.faq-container {
    padding: 60px 20px 20px 60px;
    font-family: Arial, sans-serif;
    color: #222;
}

.faq-container h2 {
    margin-bottom: 25px;
    border-bottom: 2px solid #eee;
    padding-bottom: 5px;
}

.faq-container h3 {
    margin-top: 35px;
    color: #333;
    font-size: 14px; /* solo questa riga modificata */
    font-weight: 600;
    border-left: 4px solid #ccc;
    padding-left: 10px;
}

.faq-question {
    font-weight: 600;
    margin-top: 25px;
}

.faq-answer {
    margin-left: 20px;
    margin-bottom: 20px;
    line-height: 1.6;
    color: #555;
    border-left: 2px solid #ddd;
    padding-left: 10px;
}