/* Mitilsiciliano Digital Assistant v207 — visual/readability override.
   Loaded after the legacy inline styles so the update is isolated and rollback-safe. */
.msa98-panel{
  width:min(540px,calc(100vw - 22px))!important;
  height:min(780px,calc(100dvh - 150px))!important;
  border:1px solid rgba(13,62,73,.13)!important;
  border-radius:28px!important;
  background:#f4f7f6!important;
  box-shadow:0 30px 90px rgba(0,28,35,.30)!important;
}
.msa98-head{
  padding:15px 16px!important;
  background:linear-gradient(145deg,#092f39,#135568)!important;
}
.msa98-head strong{font-size:1.02rem!important;letter-spacing:-.01em}
.msa98-head small{font-size:.67rem!important;line-height:1.3!important}
.msa98-service{background:rgba(255,255,255,.84)!important;backdrop-filter:blur(12px)}
.msa98-body{
  padding:14px 14px 20px!important;
  background:linear-gradient(180deg,#f7faf9 0%,#edf3f1 100%)!important;
}
.msa98-msg{font-size:.86rem!important;line-height:1.55!important;border-radius:16px!important;padding:11px 13px!important}
.msa98-msg.bot{box-shadow:0 5px 16px rgba(8,48,58,.045)!important}
.msa98-foot{background:rgba(255,255,255,.96)!important;border-top:1px solid rgba(13,62,73,.09)!important}
.msa98-compose textarea{font-size:.88rem!important;line-height:1.45!important}

.msa101-product-wheel{
  margin:14px 0 18px!important;
  padding:13px!important;
  border:1px solid rgba(13,76,88,.13)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#ffffff,#edf6f3)!important;
  box-shadow:0 14px 34px rgba(8,48,58,.08)!important;
}
.msa101-wheel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important}
.msa101-wheel-head strong{font-size:.92rem!important;line-height:1.2!important;color:#123e4b!important}
.msa101-wheel-head span{font-size:.66rem!important;font-weight:850!important;color:#567078!important;background:#e5f0ed!important;border-radius:999px!important;padding:5px 8px!important;white-space:nowrap!important}
.msa101-producer-tabs{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:1px 1px 9px!important;scrollbar-width:thin!important;scroll-snap-type:x proximity}
.msa101-producer-tabs button{flex:0 0 auto!important;min-height:31px!important;padding:6px 10px!important;border-radius:999px!important;font-size:.64rem!important;scroll-snap-align:start}
.msa101-producer-tabs button[aria-selected="true"]{box-shadow:0 4px 12px rgba(8,48,58,.12)!important}
.msa101-wheel-shell{grid-template-columns:36px minmax(0,1fr) 36px!important;gap:8px!important}
.msa101-wheel-arrow{width:36px!important;height:52px!important;border-radius:13px!important;font-size:1.35rem!important;box-shadow:0 5px 14px rgba(8,48,58,.08)!important}
.msa101-wheel-track{gap:10px!important;touch-action:pan-y!important}
.msa101-wheel-track .msa98-item{
  min-height:238px!important;
  padding:10px!important;
  gap:8px!important;
  border-radius:18px!important;
  border:1px solid rgba(13,62,73,.09)!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(8,48,58,.07)!important;
}
.msa101-wheel-track .msa98-item img{height:112px!important;border-radius:13px!important;background:#f3f6f4!important}
.msa101-wheel-track .msa98-item .msa207-card-copy{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;width:100%!important}
.msa101-wheel-track .msa98-item strong{font-size:.81rem!important;line-height:1.3!important;-webkit-line-clamp:2!important}
.msa101-wheel-track .msa98-item small{font-size:.66rem!important;line-height:1.3!important;color:#5d7479!important}
.msa101-wheel-track .msa98-item em{font-style:normal!important;font-size:.61rem!important;line-height:1.3!important;color:#6d7f83!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
.msa101-wheel-track .msa98-item>button{min-height:38px!important;padding:8px 7px!important;border-radius:11px!important;font-size:.65rem!important;line-height:1.2!important}
.msa101-wheel-help{font-size:.63rem!important;line-height:1.4!important;margin:9px 3px 0!important;color:#61787d!important}

@media(max-width:600px){
  .msa98-panel{
    right:5px!important;
    bottom:max(84px,calc(env(safe-area-inset-bottom) + 68px))!important;
    width:calc(100vw - 10px)!important;
    height:calc(100dvh - max(96px,calc(env(safe-area-inset-bottom) + 80px)))!important;
    max-height:none!important;
    border-radius:24px!important;
  }
  .msa98-head{padding:11px 12px!important}
  .msa98-body{padding:10px 9px 16px!important;min-height:0!important}
  .msa98-msg{font-size:.83rem!important;max-width:95%!important}
  .msa101-product-wheel{padding:10px!important;margin:10px 0 14px!important;border-radius:19px!important}
  .msa101-wheel-head strong{font-size:.86rem!important}
  .msa101-wheel-shell{display:block!important}
  .msa101-wheel-arrow{display:none!important}
  .msa101-wheel-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .msa101-wheel-track .msa98-item{min-height:226px!important;padding:8px!important;border-radius:15px!important}
  .msa101-wheel-track .msa98-item img{height:96px!important}
  .msa101-wheel-track .msa98-item strong{font-size:.75rem!important}
  .msa101-wheel-track .msa98-item small{font-size:.62rem!important}
  .msa101-wheel-track .msa98-item em{font-size:.58rem!important}
  .msa101-wheel-track .msa98-item>button{min-height:36px!important;font-size:.61rem!important}
  .msa101-wheel-help{display:block!important;font-size:.6rem!important;text-align:center!important}
}
@media(max-width:360px){
  .msa101-wheel-track{gap:6px!important}
  .msa101-wheel-track .msa98-item{min-height:218px!important;padding:7px!important}
  .msa101-wheel-track .msa98-item img{height:88px!important}
  .msa101-wheel-track .msa98-item strong{font-size:.71rem!important}
}
