/* Maeve surfaces — light glass and depth, 08/11/2026.
   Presentation only; scoped to the current Apps shell. */
.mx-enabled {
  --mg-edge:rgba(116,76,160,.14);
  --mg-light:inset 0 1px 0 rgba(255,255,255,.95);
  --mg-shadow:0 10px 28px rgba(61,33,101,.065),0 2px 5px rgba(61,33,101,.035);
  --mg-header:linear-gradient(115deg,rgba(255,255,255,.96),rgba(245,239,255,.91) 65%,rgba(252,246,255,.94));
  --mx-paper:#f7f5fb;
  --mx-soft:#686078;
  --mx-line:#e7dfef;
}
.mx-enabled #dashboard,
.mx-enabled #dashboard-content {
  background:radial-gradient(ellipse at 92% 0%,#e9ddfb 0,transparent 48%),radial-gradient(ellipse at 4% 72%,#f0e9fa 0,transparent 46%),#f8f6fb;
}
.mx-enabled #mx-desktop-header,
.mx-enabled .maeve-mobile-topbar {
  background:var(--mg-header);
  border-bottom:1px solid var(--mg-edge);
  box-shadow:var(--mg-light),0 5px 22px rgba(67,35,105,.07);
}
.mx-enabled #mx-navigation {
  background:rgba(233,225,245,.65);
  box-shadow:inset 0 1px 3px rgba(65,34,101,.075),0 1px 0 rgba(255,255,255,.9);
}
.mx-enabled #mx-navigation button {color:#64596f}
.mx-enabled #mx-navigation button[aria-current=page] {
  background:linear-gradient(155deg,#fff,#f7f1ff);
  color:#6600cf;
  box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(73,34,120,.12),0 0 0 1px rgba(255,255,255,.85);
}
.mx-enabled .mx-context-shell,
.mx-enabled #agent-section .ma-header,
.mx-enabled.mx-split-view #agent-section .ma-header {
  background:linear-gradient(110deg,#fdfbff,#f3edf9);
  border-bottom-color:var(--mg-edge);
  box-shadow:var(--mg-light);
}
.mx-enabled #maeve-line-context {background:transparent}
.mx-enabled #mx-panel>.mx-panel-head,
.mx-enabled.mx-mobile-manager #mx-panel>.mx-panel-head,
.mx-enabled .mgr-detail-head {
  background:var(--mg-header);
  border-bottom-color:var(--mg-edge);
  box-shadow:var(--mg-light),0 3px 12px rgba(61,33,101,.045);
}
.mx-enabled #mx-panel {border-color:var(--mg-edge)}
.mx-enabled .mx-panel-body {background:#fcfbfe}
.mx-enabled #mx-panel .mgr-search,
.mx-enabled .mx-catalog-search {
  background:rgba(255,255,255,.87);
  border-color:#ded3eb;
  box-shadow:inset 0 1px 3px rgba(63,35,97,.045),0 1px 0 #fff;
}
.mx-enabled #mx-catalog {
  background:radial-gradient(ellipse at 94% 3%,#e9ddfb,transparent 46%),radial-gradient(ellipse at 2% 75%,#f0e5f8,transparent 50%),#f7f5fb;
}
.mx-enabled #mx-catalog .mx-intro {
  padding:26px 28px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:22px;
  background:linear-gradient(120deg,rgba(255,255,255,.88),rgba(243,231,255,.66) 65%,rgba(250,239,255,.8));
  box-shadow:var(--mg-light),var(--mg-shadow);
}
.mx-enabled #mx-catalog .mx-intro h1 {color:#30203f}
.mx-enabled #mx-catalog .mx-intro>div {color:#66586f}
.mx-enabled #mx-catalog .mx-group {
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.72) 55%,rgba(240,231,251,.84));
  border-color:rgba(255,255,255,.96);
  box-shadow:var(--mg-light),inset 0 -1px 0 rgba(118,74,160,.075),var(--mg-shadow);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.mx-enabled #mx-catalog .mx-group>strong {color:#30223f}
.mx-enabled #mx-catalog .mx-group>small {color:#75568f}
.mx-enabled #mx-catalog .mx-group.mx-general {
  background:linear-gradient(145deg,#fdfbff,rgba(233,220,251,.88));
}
.mx-enabled #mx-catalog .mx-add:not(.is-added) {
  background:linear-gradient(160deg,#f3eaff,#e9dcfa);
  color:#603296;
  box-shadow:var(--mg-light),0 2px 5px rgba(62,27,107,.06);
}
.mx-enabled #agent-section .ma-surface {background:#fdfcfe}
.mx-enabled #agent-section .ma-composer-area,
.mx-enabled.mx-split-view #agent-section .ma-composer-area {
  background:linear-gradient(180deg,rgba(253,252,254,0),rgba(253,252,254,.96) 24%,#fdfcfe);
}
.mx-enabled #agent-section .ma-composer {
  background:linear-gradient(140deg,#fff,#fbf8ff);
  border-color:#e1d5ee;
  box-shadow:var(--mg-light),0 8px 28px rgba(73,34,119,.09),0 2px 5px rgba(73,34,119,.035);
}
/* Department cards: the same light, edge and recessed footer as Settings. */
.mx-enabled #linee-section {background:#f8f6fc}
.mx-enabled .ml-overview {
  background:linear-gradient(120deg,#fdfbff,#efe5fc 70%,#f8eefe);
  border-color:rgba(255,255,255,.98);
  box-shadow:var(--mg-light),var(--mg-shadow);
}
.mx-enabled .ml-card {
  background:linear-gradient(145deg,#fff,#fcfaff);
  border-color:#e6ddef;
  box-shadow:var(--mg-light),var(--mg-shadow);
}
.mx-enabled .ml-card header {
  background:linear-gradient(125deg,rgba(255,255,255,.95),rgba(243,234,253,.84));
  box-shadow:var(--mg-light);
}
.mx-enabled .ml-card.ml-selected {
  border-color:#b99ad8;
  box-shadow:var(--mg-light),0 0 0 1px rgba(155,110,203,.12),0 10px 28px rgba(82,41,129,.10);
}
.mx-enabled .ml-card footer {background:#f7f2fc;border-top-color:#e8deef}
.mx-enabled .ml-card-icon {background:linear-gradient(145deg,#fff,#e8d8fa);box-shadow:var(--mg-light),0 3px 8px rgba(77,35,121,.09)}
.mx-enabled .ml-heading h1 {color:#30203f}
.mx-enabled :is(#calendario-section,#pipeline-section,#clienti-section)>.ws-head {
  padding:18px 20px;
  border:1px solid #fff;
  border-radius:18px;
  background:var(--mg-header);
  box-shadow:var(--mg-light),var(--mg-shadow);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .mx-enabled #mx-desktop-header,
  .mx-enabled .maeve-mobile-topbar {
    -webkit-backdrop-filter:blur(16px) saturate(130%);
    backdrop-filter:blur(16px) saturate(130%);
  }
}
@media(hover:hover) and (pointer:fine) {
  .mx-enabled #mx-catalog .mx-group:hover {
    transform:translateY(-2px);
    border-color:#dac7ed;
    box-shadow:var(--mg-light),0 14px 30px rgba(64,29,111,.11),0 3px 7px rgba(64,29,111,.045);
  }
}
@media(max-width:680px) {
  .mx-enabled #mx-navigation {
    background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,236,253,.92));
    border-color:rgba(255,255,255,.98);
    box-shadow:var(--mg-light),0 8px 26px rgba(61,28,99,.14),0 2px 5px rgba(61,28,99,.06);
  }
  .mx-enabled #mx-navigation button[aria-current=page] {
    background:linear-gradient(150deg,#fff,#eadef9);
    box-shadow:var(--mg-light),0 2px 6px rgba(73,34,120,.09);
  }
  .mx-enabled .maeve-mobile-topbar #maeve-line-context .ml-select-wrap {
    background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(235,225,247,.65));
    border-radius:12px;
    box-shadow:var(--mg-light),inset 0 -1px 0 rgba(107,70,147,.08);
  }
  .mx-enabled #mx-catalog .mx-intro {padding:20px 18px;border-radius:18px}
  .mx-enabled #mx-catalog .mx-intro h1 {letter-spacing:-1.1px}
  .mx-enabled :is(#calendario-section,#pipeline-section,#clienti-section)>.ws-head {padding:14px;border-radius:15px}
}
@media(prefers-reduced-motion:reduce) {
  .mx-enabled #mx-catalog .mx-group {transition:none;transform:none}
  .mx-enabled #mx-catalog .mx-group:hover {transform:none}
}
@media(forced-colors:active) {
  .mx-enabled #mx-navigation,
  .mx-enabled #mx-catalog .mx-intro,
  .mx-enabled #mx-catalog .mx-group,
  .mx-enabled .ml-card,
  .mx-enabled .ml-overview {background:Canvas;border:1px solid CanvasText;box-shadow:none}
  .mx-enabled #mx-navigation button[aria-current=page] {background:Highlight;color:HighlightText;outline:1px solid Highlight}
}

/* Mobile Home: tools form the second row of the header; the app deck is separate. */
@media(max-width:680px){
 .mx-enabled .mx-tools-toggle{display:none!important}
 .mx-enabled.mx-attached-tools #dashboard-content>.mwl-header{display:none}
 .mx-enabled.mx-attached-tools .maeve-mobile-topbar{box-shadow:var(--mg-light)}
 .mx-enabled.mx-attached-tools #agent-section .ma-header{margin:0;border-radius:0;background:var(--mg-header)}
}

/* Keep Home tools anchored even when iOS scrolls the outer page. */
@media(max-width:680px){
 .mx-enabled.mx-attached-tools #agent-section .ma-surface{padding-top:43px}
 .mx-enabled.mx-attached-tools #agent-section .ma-header{position:fixed;top:var(--mx-workspace-top,calc(58px + env(safe-area-inset-top)));left:0;right:0;width:100%;z-index:20;background-color:#fdfbff;transform:none;transition:none}
}

@media(max-width:680px){
 .mx-enabled.mx-attached-tools #agent-section :is(.ma-history,.ma-settings,.ma-reasoning-panel){position:fixed;top:calc(var(--mx-workspace-top,58px) + 51px);z-index:21;max-height:min(70dvh,calc(100dvh - var(--mx-workspace-top,58px) - var(--mx-keyboard-inset,0px) - 80px));overflow-y:auto}
}