/* Extracted from index.html <style id="rabbit-design-refresh-v3"> */

/* Rabbit Design Refresh V3 — solo estetica, nessuna funzione modificata */
:root{
  --rabbit-bg-1:#f4f7fb;
  --rabbit-bg-2:#eaf1fb;
  --rabbit-ink:#0f172a;
  --rabbit-muted:#667085;
  --rabbit-primary:#155eef;
  --rabbit-primary-2:#0e7c72;
  --rabbit-accent:#7c3aed;
  --rabbit-line:rgba(16,24,40,.10);
  --rabbit-shadow:0 18px 50px rgba(16,24,40,.10);
  --rabbit-shadow-soft:0 10px 26px rgba(16,24,40,.07);
}

html{
  background:
    radial-gradient(circle at 10% 0%, rgba(21,94,239,.13), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(14,124,114,.12), transparent 24%),
    linear-gradient(180deg,var(--rabbit-bg-1),var(--rabbit-bg-2)) !important;
}

body{
  background:
    radial-gradient(circle at 12% 8%, rgba(21,94,239,.10), transparent 26%),
    radial-gradient(circle at 88% 0%, rgba(124,58,237,.08), transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(234,241,251,.72)) !important;
  color:var(--rabbit-ink) !important;
}

.scale-root{background:transparent !important;}

.main{
  background:
    linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.38)),
    radial-gradient(circle at 82% 0%, rgba(21,94,239,.05), transparent 26%) !important;
  border-left:1px solid rgba(255,255,255,.58);
}

.topbar{
  top:10px !important;
  margin:0 0 18px !important;
  padding:10px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-bottom-color:rgba(16,24,40,.08) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.78) !important;
  backdrop-filter:blur(22px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.2) !important;
  box-shadow:0 16px 42px rgba(16,24,40,.09) !important;
}

.topbar .search input{
  border-radius:16px !important;
  border:1px solid rgba(16,24,40,.10) !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 8px 20px rgba(16,24,40,.04) !important;
  color:#172033 !important;
  font-weight:650;
}

.topbar .search input::placeholder{color:#98a2b3 !important;}
.topbar .search button{border-radius:14px !important;}

.topbar .actions button{
  border:1px solid rgba(16,24,40,.10) !important;
  background:linear-gradient(180deg,#fff,#f7faff) !important;
  color:#172033 !important;
  box-shadow:0 8px 18px rgba(16,24,40,.05) !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.topbar .actions button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(16,24,40,.09) !important;
  border-color:rgba(21,94,239,.22) !important;
}

.topbar .actions button.primary,
.topbar .actions button[data-home-topbar="home"],
.topbar .actions button[data-home-topbar="newPost"]{
  background:linear-gradient(135deg,#155eef,#1d4ed8) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 12px 28px rgba(21,94,239,.24) !important;
}

.topbar .actions button.danger,
.topbar .actions button[data-home-topbar="logout"]{
  background:linear-gradient(180deg,#fff7f7,#fff) !important;
  color:#b42318 !important;
  border-color:rgba(180,35,24,.18) !important;
}

.card,
.board-col,
.pulse-card,
.launch-card,
.rightbar .card{
  border:1px solid rgba(255,255,255,.72) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,255,.82)) !important;
  box-shadow:var(--rabbit-shadow-soft) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

.command-center,
.hero,
#home > .card:first-child{
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.78) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(21,94,239,.16), transparent 28%),
    radial-gradient(circle at 0% 100%, rgba(14,124,114,.10), transparent 26%),
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,247,255,.82)) !important;
  box-shadow:0 22px 64px rgba(16,24,40,.10) !important;
  overflow:hidden !important;
  position:relative;
}

.command-center::after,
#home > .card:first-child::after{
  content:"WORKSPACE";
  position:absolute;
  right:18px;
  bottom:-18px;
  font-size:64px;
  line-height:1;
  letter-spacing:-.08em;
  font-weight:950;
  color:rgba(15,23,42,.035);
  pointer-events:none;
}

.command-title,
.hero h1,
#home > .card:first-child h1,
#home > .card:first-child h2{
  color:#10203d !important;
  letter-spacing:-.065em !important;
}

.command-title span{color:var(--rabbit-primary) !important;}

.pulse-strip{gap:12px !important;}

.pulse-card{
  border-radius:20px !important;
  padding:16px !important;
  min-height:86px;
  position:relative;
  overflow:hidden;
}

.pulse-card::after{
  content:"";
  position:absolute;
  right:-20px;
  bottom:-22px;
  width:70px;
  height:70px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(21,94,239,.12),rgba(14,124,114,.08));
  transform:rotate(12deg);
}

.pulse-card b{color:#0f172a !important;}

.priority-board{gap:14px !important;}

.board-col{
  border-radius:22px !important;
  padding:16px !important;
}

.board-col h3{
  margin-top:0 !important;
  letter-spacing:-.03em;
}

.board-item{
  border:1px solid rgba(16,24,40,.08) !important;
  border-radius:17px !important;
  padding:13px !important;
  background:linear-gradient(180deg,#fff,#f9fbff) !important;
  box-shadow:0 8px 22px rgba(16,24,40,.04) !important;
}

.home-launcher-shell{
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.75) !important;
  background:
    radial-gradient(circle at 0 0, rgba(21,94,239,.10), transparent 26%),
    radial-gradient(circle at 100% 0, rgba(124,58,237,.08), transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,255,.78)) !important;
  box-shadow:0 20px 60px rgba(16,24,40,.10) !important;
}

.home-launcher-head h3{
  color:#10203d !important;
  font-size:28px !important;
  letter-spacing:-.055em !important;
}

.home-launcher-head p{
  color:#667085 !important;
  font-weight:650;
}

.home-launcher-meta{
  background:linear-gradient(135deg,#eff6ff,#eef2ff) !important;
  color:#1d4ed8 !important;
  border:1px solid rgba(21,94,239,.12);
}

.home-launcher-grid{gap:13px !important;}

.launch-card{
  min-height:150px !important;
  border-radius:22px !important;
  padding:16px !important;
  overflow:hidden;
}

.launch-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 88% 14%, rgba(21,94,239,.13), transparent 22%),
    radial-gradient(circle at 8% 94%, rgba(14,124,114,.08), transparent 24%);
  opacity:.85;
  pointer-events:none;
}

.launch-card > *{
  position:relative;
  z-index:1;
}

.launch-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 20px 44px rgba(16,24,40,.13) !important;
  border-color:rgba(21,94,239,.28) !important;
}

.launch-icon{
  border-radius:17px !important;
  background:linear-gradient(135deg,rgba(21,94,239,.16),rgba(14,124,114,.14)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);
}

.launch-badge{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(16,24,40,.08) !important;
}

.launch-title{
  color:#101828 !important;
  font-size:19px !important;
}

.launch-desc{
  color:#667085 !important;
  font-weight:650;
}

.launch-footer{color:var(--rabbit-primary) !important;}

.launch-arrow{
  background:#eef4ff !important;
  box-shadow:inset 0 0 0 1px rgba(21,94,239,.10);
}

button,
input,
textarea,
select{
  border-radius:14px !important;
}

button.primary,
.primary{
  background:linear-gradient(135deg,#155eef,#1d4ed8) !important;
  color:white !important;
  border-color:transparent !important;
  box-shadow:0 10px 24px rgba(21,94,239,.20) !important;
}

button.danger,
.danger{
  background:#fff7f7 !important;
  color:#b42318 !important;
  border-color:rgba(180,35,24,.18) !important;
}

button{
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

button:hover{
  transform:translateY(-1px);
}

.rightbar{
  background:linear-gradient(180deg,rgba(255,255,255,.40),rgba(234,241,251,.66)) !important;
  border-left:1px solid rgba(255,255,255,.55) !important;
}

#rmccButton,
.chat-float,
.floating-chat,
#chatButton{
  box-shadow:0 18px 42px rgba(21,94,239,.25) !important;
}

*{
  scrollbar-width:thin;
  scrollbar-color:rgba(21,94,239,.28) transparent;
}

::-webkit-scrollbar{
  width:10px;
  height:10px;
}

::-webkit-scrollbar-thumb{
  background:rgba(21,94,239,.24);
  border-radius:999px;
  border:3px solid transparent;
  background-clip:padding-box;
}

::-webkit-scrollbar-track{background:transparent;}

@media(max-width:1180px){
  .command-center::after,
  #home > .card:first-child::after{
    font-size:42px;
  }
}

@media(max-width:760px){
  .topbar{border-radius:20px !important;}

  .home-launcher-head h3{font-size:23px !important;}

  .launch-card{min-height:134px !important;}

  .launch-title{font-size:16px !important;}

  .launch-desc{font-size:12px !important;}

  .pulse-card,
  .board-col,
  .card{
    border-radius:20px !important;
  }
}
