/* =========================================================
   Rabbit-OS v77 — AIris Calendar / Task / Mail Actions
   Stile solo per nuove conferme/esempi AIris.
   ========================================================= */

#rabbitAssistantPanel.airis77-actions .airis77-examples-strip,
#rabbitAssistantPanel.airis77-actions .airis77-examples{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  padding:8px 12px 0;
}

#rabbitAssistantPanel.airis77-actions .airis77-examples-strip button,
#rabbitAssistantPanel.airis77-actions .airis77-examples button{
  min-height:30px;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.55);
  background:rgba(255,255,255,.50);
  color:rgba(15,23,42,.74);
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  transition:background .16s ease, transform .16s ease;
}

#rabbitAssistantPanel.airis77-actions .airis77-examples-strip button:hover,
#rabbitAssistantPanel.airis77-actions .airis77-examples button:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.78);
}

.airis77-confirm{
  margin:10px 0 8px;
  padding:12px;
  border-radius:15px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.56);
  box-shadow:0 10px 24px rgba(15,23,42,.07);
}

.airis77-confirm b{
  display:block;
  color:#0f172a;
  font-size:13.5px;
  line-height:1.25;
}

.airis77-confirm small{
  display:block;
  margin-top:5px;
  color:rgba(15,23,42,.62);
  font-size:11.5px;
  line-height:1.35;
}

.airis77-small-list{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:10px;
}

.airis77-small-list span{
  padding:6px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(255,255,255,.50);
  color:rgba(15,23,42,.68);
  font-size:11px;
  font-weight:800;
}

#rabbitAssistantPanel.airis77-actions .ra-action[data-ra-action^="airis77:"]{
  background:rgba(255,255,255,.62) !important;
  border-color:rgba(255,255,255,.60) !important;
}

#rabbitAssistantPanel.airis77-actions .ra-action[data-ra-action^="airis77:"]:hover{
  background:rgba(255,255,255,.84) !important;
}

@media(max-width:560px){
  #rabbitAssistantPanel.airis77-actions .airis77-examples-strip{
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:4px;
  }

  #rabbitAssistantPanel.airis77-actions .airis77-examples-strip button{
    flex:0 0 auto;
  }
}