/* =========================================================
   Rabbit-OS v76 — AIris Colloquial UX
   Solo stile del pannello AIris, senza modifiche globali.
   ========================================================= */

#rabbitAssistantPanel.airis76-colloquial{
  width:min(470px, calc(100vw - 22px)) !important;
}

#rabbitAssistantPanel.airis76-colloquial .ra-head-note{
  line-height:1.45 !important;
}

#rabbitAssistantPanel.airis76-colloquial .ra-quick{
  display:flex !important;
  gap:7px !important;
  flex-wrap:wrap !important;
  padding:10px 12px !important;
}

#rabbitAssistantPanel.airis76-colloquial .ra-chip{
  min-height:34px !important;
  padding:7px 10px !important;
  border-radius:12px !important;
  font-size:12px !important;
  font-weight:800 !important;
}

#rabbitAssistantPanel.airis76-colloquial .ra-messages{
  padding-top:8px !important;
}

.airis76-starter-title{
  padding:12px 14px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.70) !important;
  border:1px solid rgba(255,255,255,.55) !important;
}

.airis76-starter-title b{
  display:block !important;
  font-size:14px !important;
  line-height:1.25 !important;
}

.airis76-starter-title small{
  display:block !important;
  margin-top:5px !important;
  line-height:1.35 !important;
}

#rabbitAssistantPanel.airis76-colloquial .airis76-starter-grid{
  grid-template-columns:1fr !important;
  gap:8px !important;
}

#rabbitAssistantPanel.airis76-colloquial .airis76-starter-grid .ra-starter-card{
  min-height:70px !important;
  display:grid !important;
  grid-template-columns:38px 1fr !important;
  grid-template-areas:"icon title" "icon desc" !important;
  align-items:center !important;
  text-align:left !important;
  gap:2px 10px !important;
  padding:12px !important;
  border-radius:15px !important;
}

#rabbitAssistantPanel.airis76-colloquial .airis76-starter-grid .ra-starter-card span{
  grid-area:icon !important;
  width:38px !important;
  height:38px !important;
  border-radius:13px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
}

#rabbitAssistantPanel.airis76-colloquial .airis76-starter-grid .ra-starter-card b{
  grid-area:title !important;
  margin:0 !important;
  font-size:13px !important;
}

#rabbitAssistantPanel.airis76-colloquial .airis76-starter-grid .ra-starter-card small{
  grid-area:desc !important;
  margin:0 !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
}

.airis76-hints{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  padding:8px 12px 0;
}

.airis76-hints button{
  border:1px solid rgba(255,255,255,.52);
  background:rgba(255,255,255,.48);
  color:rgba(15,23,42,.78);
  min-height:30px;
  padding:6px 9px;
  border-radius:999px;
  font-size:11.2px;
  font-weight:750;
  cursor:pointer;
  transition:transform .16s ease, background .16s ease, border-color .16s ease;
}

.airis76-hints button:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.74);
  border-color:rgba(255,255,255,.82);
}

.airis76-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:10px 0 12px;
}

.airis76-stat{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:9px 10px;
  border-radius:13px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.54);
}

.airis76-stat b{
  color:#0f172a;
  font-size:17px;
  line-height:1;
  letter-spacing:-.04em;
}

.airis76-stat small{
  color:rgba(15,23,42,.60);
  font-size:10px !important;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.airis76-stat.blue{background:rgba(219,234,254,.58)}
.airis76-stat.green{background:rgba(220,252,231,.52)}
.airis76-stat.orange{background:rgba(255,237,213,.56)}
.airis76-stat.red{background:rgba(254,226,226,.58)}

.airis76-cards{
  display:grid;
  gap:8px;
  margin:10px 0;
}

.airis76-card{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:9px;
  align-items:start;
  padding:10px;
  border-radius:14px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(255,255,255,.52);
}

.airis76-card > span{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.58);
  font-weight:900;
}

.airis76-card b{
  display:block;
  font-size:12.5px;
  color:#0f172a;
  margin-bottom:3px;
}

.airis76-card small{
  display:block;
  color:rgba(15,23,42,.66);
  line-height:1.35;
}

.airis76-list{
  display:grid;
  gap:7px;
  margin:8px 0 12px;
}

.airis76-row{
  padding:10px 11px;
  border-radius:13px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(255,255,255,.52);
}

.airis76-row.danger{
  background:rgba(254,226,226,.56);
  border-color:rgba(248,113,113,.26);
}

.airis76-row b{
  display:block;
  color:#0f172a;
  font-size:12.8px;
  line-height:1.25;
}

.airis76-row small{
  display:block;
  margin-top:4px;
  color:rgba(15,23,42,.62);
  line-height:1.35;
}

.airis76-empty{
  margin:8px 0 12px;
  padding:12px;
  border-radius:13px;
  background:rgba(255,255,255,.46);
  border:1px dashed rgba(255,255,255,.64);
  color:rgba(15,23,42,.62);
  font-size:12.5px;
  line-height:1.4;
}

#rabbitAssistantPanel.airis76-colloquial .ra-compose{
  padding-top:8px !important;
}

#rabbitAssistantPanel.airis76-colloquial #rabbitAssistantInput{
  font-size:13px !important;
}

#rabbitAssistantPanel.airis76-colloquial .ra-action[data-ra-action="new:task"]{
  background:linear-gradient(135deg,#111827,#2563eb) !important;
  color:#fff !important;
}

@media(max-width:560px){
  #rabbitAssistantPanel.airis76-colloquial{
    width:calc(100vw - 14px) !important;
  }

  .airis76-stats{
    grid-template-columns:1fr 1fr 1fr;
  }

  .airis76-hints{
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:3px;
  }

  .airis76-hints button{
    flex:0 0 auto;
  }
}