/* ========================================================================== 
   ASSISTENTE · REVAMP 2026
   Visual layer only. Existing IDs, data flow, Supabase and controllers stay intact.
   Direction: modern operational workspace — dense, calm, desktop-first, no OS mimicry.
   ========================================================================== */

:root{
  --r26-max:1440px;
  --r26-radius-xl:20px;
  --r26-radius-lg:16px;
  --r26-radius-md:12px;
  --r26-radius-sm:9px;
  --r26-ease:cubic-bezier(.2,.72,.2,1);
  --r26-fast:150ms;
  --r26-ui:220ms;
}

body{
  --r26-bg:#f3f5f8;
  --r26-bg-2:#eef1f5;
  --r26-surface:#ffffff;
  --r26-surface-2:#f8f9fb;
  --r26-surface-3:#eef2f7;
  --r26-text:#172033;
  --r26-muted:#697386;
  --r26-faint:#98a2b3;
  --r26-line:#dfe4ec;
  --r26-line-strong:#cdd5df;
  --r26-accent:#3157d5;
  --r26-accent-2:#2447bd;
  --r26-accent-soft:#eef2ff;
  --r26-green:#167a55;
  --r26-red:#c2414b;
  --r26-amber:#a86f10;
  --r26-shadow-xs:0 1px 2px rgba(16,24,40,.05);
  --r26-shadow-sm:0 6px 18px rgba(16,24,40,.06);
  --r26-shadow-md:0 18px 48px rgba(16,24,40,.10);
  --r26-ring:0 0 0 3px rgba(49,87,213,.14);

  margin:0!important;
  color:var(--r26-text)!important;
  background:var(--r26-bg)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-feature-settings:"cv02","cv03","cv04","cv11";
  -webkit-font-smoothing:antialiased;
}

html[data-theme="night"] body,
html[data-theme="midnight"] body{
  --r26-bg:#0d1118;
  --r26-bg-2:#111720;
  --r26-surface:#151b24;
  --r26-surface-2:#19212c;
  --r26-surface-3:#202a37;
  --r26-text:#f1f4f8;
  --r26-muted:#9aa6b6;
  --r26-faint:#6f7a89;
  --r26-line:#273241;
  --r26-line-strong:#364354;
  --r26-accent:#7c9cff;
  --r26-accent-2:#9bb3ff;
  --r26-accent-soft:rgba(124,156,255,.11);
  --r26-green:#65c49a;
  --r26-red:#ff8790;
  --r26-amber:#e9bd69;
  --r26-shadow-xs:0 1px 2px rgba(0,0,0,.22);
  --r26-shadow-sm:0 8px 24px rgba(0,0,0,.20);
  --r26-shadow-md:0 24px 64px rgba(0,0,0,.30);
  --r26-ring:0 0 0 3px rgba(124,156,255,.17);
}

html[data-theme="dawn"] body{
  --r26-bg:#f4f2f2;
  --r26-bg-2:#eeeef3;
  --r26-surface:#fffdfc;
  --r26-surface-2:#f8f5f5;
  --r26-accent:#6258c7;
  --r26-accent-2:#4e45ad;
  --r26-accent-soft:#f0effd;
}

html[data-theme="noon"] body{
  --r26-bg:#f1f6fa;
  --r26-bg-2:#eaf1f7;
  --r26-accent:#1769aa;
  --r26-accent-2:#0f568e;
  --r26-accent-soft:#e8f3fb;
}

/* Replace decorative OS-like atmosphere with a restrained technical canvas. */
.ambient-aurora,.ambient-stars-sparse,.ambient-stars,.ambient-stars-extra,.ambient-stars-sparkle,
.ambient-sun,.ambient-moon,.ambient-ghosts{display:none!important}
.ambient-bg{
  display:block!important;
  position:fixed!important;
  z-index:-5!important;
  inset:0!important;
  transform:none!important;
  animation:none!important;
  opacity:1!important;
  background:
    linear-gradient(color-mix(in srgb,var(--r26-line) 28%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--r26-line) 28%,transparent) 1px,transparent 1px),
    radial-gradient(circle at 76% -10%,color-mix(in srgb,var(--r26-accent) 10%,transparent),transparent 34%),
    linear-gradient(180deg,var(--r26-bg),var(--r26-bg-2))!important;
  background-size:64px 64px,64px 64px,auto,auto!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.54),rgba(0,0,0,.08) 48%,transparent 78%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.54),rgba(0,0,0,.08) 48%,transparent 78%);
}
.theme-transition-veil{display:none!important}

/* ========================================================================== 
   HEADER
   ========================================================================== */
.app-header{
  position:sticky!important;
  top:0!important;
  z-index:8200!important;
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--r26-line)!important;
  border-radius:0!important;
  background:color-mix(in srgb,var(--r26-surface) 94%,transparent)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.app-header .header-inner{
  width:min(var(--r26-max),calc(100% - 40px))!important;
  min-height:70px!important;
  margin:0 auto!important;
  padding:0!important;
  gap:12px!important;
}
.app-header .mark{
  width:38px!important;height:38px!important;min-width:38px!important;
  border:1px solid var(--r26-line)!important;
  border-radius:10px!important;
  background:var(--r26-surface-2)!important;
  color:var(--r26-accent)!important;
  box-shadow:var(--r26-shadow-xs)!important;
}
.app-header .mark svg{width:24px!important;height:24px!important}
.app-header .brand-wrap{gap:2px!important;min-width:118px!important}
.app-header .brand{
  color:var(--r26-text)!important;
  font-size:13.5px!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}
.app-header .brand-sub{color:var(--r26-muted)!important;font-size:9px!important}
.app-header .brand-sub-dot{background:var(--r26-green)!important;box-shadow:none!important}
.app-header .module-nav{
  display:flex!important;
  align-items:stretch!important;
  height:70px!important;
  gap:2px!important;
  margin-left:14px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.app-header .module-nav .module-btn{
  position:relative!important;
  min-height:70px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--r26-muted)!important;
  font-size:11.5px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  box-shadow:none!important;
}
.app-header .module-nav .module-btn:hover{color:var(--r26-text)!important;background:transparent!important}
.app-header .module-nav .module-btn.active{color:var(--r26-text)!important;background:transparent!important}
.app-header .module-nav .module-btn.active::after{
  content:""!important;
  position:absolute!important;
  left:12px!important;right:12px!important;bottom:0!important;
  height:2px!important;
  border-radius:2px 2px 0 0!important;
  background:var(--r26-accent)!important;
  transform:none!important;
}
.app-header .header-actions{gap:7px!important}
.app-header .cloud-badge{
  min-height:30px!important;
  padding:0 10px!important;
  border:1px solid var(--r26-line)!important;
  border-radius:8px!important;
  background:var(--r26-surface-2)!important;
  color:var(--r26-muted)!important;
  font-size:9px!important;
  box-shadow:none!important;
}
.app-header .admin-btn,.app-header .header-logout{
  min-height:34px!important;
  padding:0 11px!important;
  border:1px solid var(--r26-line)!important;
  border-radius:9px!important;
  background:var(--r26-surface)!important;
  color:var(--r26-text)!important;
  font-size:9.5px!important;
  font-weight:750!important;
  box-shadow:var(--r26-shadow-xs)!important;
}
.app-header .theme-btn,.app-header .mute-btn,.app-header .profile-orb{
  width:34px!important;height:34px!important;min-width:34px!important;
  border:1px solid var(--r26-line)!important;
  border-radius:9px!important;
  background:var(--r26-surface)!important;
  color:var(--r26-text)!important;
  box-shadow:var(--r26-shadow-xs)!important;
}
.app-header .profile-orb{border-radius:50%!important;background:var(--r26-accent-soft)!important;color:var(--r26-accent)!important}

.theme-menu,.profile-hover-card{
  border:1px solid var(--r26-line)!important;
  border-radius:14px!important;
  background:var(--r26-surface)!important;
  color:var(--r26-text)!important;
  box-shadow:var(--r26-shadow-md)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.theme-option{border-radius:9px!important;color:var(--r26-text)!important}
.theme-option:hover{background:var(--r26-surface-2)!important}
.theme-option small,.theme-menu small{color:var(--r26-muted)!important}

/* ========================================================================== 
   HOME
   ========================================================================== */
body.app-home #homeView.home-command-center{
  min-height:calc(100svh - 71px)!important;
  padding:34px 20px 92px!important;
}
body.app-home .home-command-center .home-workspace{
  width:min(1320px,100%)!important;
  display:block!important;
}
body.app-home .home-command-center .home-main{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
body.app-home .home-command-center .home-main>.command-hero,
body.app-home .home-command-center .home-main>.rx-stat-grid{grid-column:1/-1!important}

.rx-panel{
  border:1px solid var(--r26-line)!important;
  border-radius:var(--r26-radius-lg)!important;
  background:var(--r26-surface)!important;
  color:var(--r26-text)!important;
  box-shadow:var(--r26-shadow-xs)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.rx-panel::before{display:none!important}
body.app-home .command-hero{
  min-height:0!important;
  padding:40px 42px 34px!important;
  overflow:hidden!important;
  background:
    linear-gradient(110deg,var(--r26-surface) 0%,var(--r26-surface) 60%,color-mix(in srgb,var(--r26-accent) 7%,var(--r26-surface)) 100%)!important;
}
body.app-home .command-hero::after{
  content:""!important;
  position:absolute!important;
  top:-170px!important;right:-100px!important;
  width:430px!important;height:430px!important;
  border:1px solid color-mix(in srgb,var(--r26-accent) 22%,transparent)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--r26-accent) 9%,transparent),transparent 67%)!important;
  pointer-events:none!important;
}
body.app-home .rx-eyebrow{
  color:var(--r26-muted)!important;
  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
body.app-home .rx-eyebrow .pulse{background:var(--r26-green)!important;box-shadow:none!important}
body.app-home .home-command-center h1{
  max-width:760px!important;
  margin:18px 0 12px!important;
  color:var(--r26-text)!important;
  font-size:clamp(44px,5vw,72px)!important;
  line-height:.92!important;
  letter-spacing:-.062em!important;
  font-weight:760!important;
}
body.app-home .home-command-center h1 .name{color:var(--r26-accent)!important}
body.app-home .bob-spotlight{
  width:max-content!important;
  max-width:min(640px,100%)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.app-home .bob-spotlight::before,body.app-home .bob-spotlight::after{display:none!important}
body.app-home .bob-spotlight .bob-orb{
  width:32px!important;height:32px!important;flex-basis:32px!important;
  border:1px solid var(--r26-line)!important;
  border-radius:9px!important;
  background:var(--r26-surface-2)!important;
  color:var(--r26-accent)!important;
  box-shadow:none!important;
}
body.app-home .bob-spotlight .bob-msg{color:var(--r26-muted)!important;font-size:11.5px!important}

.rx-command-box{margin-top:28px!important}
.rx-command-input{
  min-height:58px!important;
  padding:7px 10px 7px 16px!important;
  border:1px solid var(--r26-line-strong)!important;
  border-radius:13px!important;
  background:var(--r26-surface)!important;
  box-shadow:var(--r26-shadow-sm)!important;
}
.rx-command-input:focus-within{border-color:var(--r26-accent)!important;box-shadow:var(--r26-ring),var(--r26-shadow-sm)!important;transform:none!important}
.rx-command-input .glass-icon{color:var(--r26-faint)!important;font-size:20px!important}
.rx-command-input input{color:var(--r26-text)!important;font-size:14px!important;font-weight:550!important}
.rx-command-input input::placeholder{color:var(--r26-faint)!important}
.rx-kbd{
  border:1px solid var(--r26-line)!important;
  border-bottom-color:var(--r26-line-strong)!important;
  border-radius:7px!important;
  background:var(--r26-surface-2)!important;
  color:var(--r26-muted)!important;
  box-shadow:0 1px 0 var(--r26-line)!important;
  font-size:9px!important;
}
.rx-command-hint{margin-top:8px!important;color:var(--r26-faint)!important;font-size:9.5px!important}

body.app-home .rx-action-grid.home-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:18px!important;
}
.rx-action{
  min-height:92px!important;
  padding:15px!important;
  border:1px solid var(--r26-line)!important;
  border-radius:12px!important;
  background:var(--r26-surface-2)!important;
  color:var(--r26-text)!important;
  box-shadow:none!important;
  text-align:left!important;
  transition:border-color var(--r26-fast) ease,background var(--r26-fast) ease,transform var(--r26-fast) ease!important;
}
.rx-action.primary{background:var(--r26-accent-soft)!important;border-color:color-mix(in srgb,var(--r26-accent) 25%,var(--r26-line))!important}
.rx-action:hover{transform:translateY(-2px)!important;border-color:var(--r26-line-strong)!important;background:var(--r26-surface)!important;box-shadow:var(--r26-shadow-sm)!important}
.rx-action .rx-action-icon{
  width:30px!important;height:30px!important;
  margin-bottom:12px!important;
  border:1px solid var(--r26-line)!important;
  border-radius:8px!important;
  background:var(--r26-surface)!important;
  color:var(--r26-accent)!important;
  box-shadow:none!important;
}
.rx-action strong{color:var(--r26-text)!important;font-size:11.5px!important}
.rx-action small{margin-top:4px!important;color:var(--r26-muted)!important;font-size:9px!important;line-height:1.35!important}

body.app-home .rx-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border:1px solid var(--r26-line)!important;
  border-radius:var(--r26-radius-lg)!important;
  background:var(--r26-surface)!important;
  box-shadow:var(--r26-shadow-xs)!important;
  overflow:hidden!important;
}
body.app-home .rx-stat-grid>.rx-stat{
  min-height:88px!important;
  padding:18px 20px!important;
  border:0!important;
  border-right:1px solid var(--r26-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.app-home .rx-stat-grid>.rx-stat:last-child{border-right:0!important}
.rx-stat span{color:var(--r26-muted)!important;font-size:8.5px!important;font-weight:750!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.rx-stat strong{margin-top:7px!important;color:var(--r26-text)!important;font-size:25px!important;letter-spacing:-.035em!important}
.rx-stat strong.online{color:var(--r26-green)!important;font-size:16px!important}
.rx-stat small{color:var(--r26-faint)!important;font-size:8.5px!important}

.rx-section{padding:18px!important;min-height:148px!important}
.rx-section-head{margin-bottom:12px!important}
.rx-section-title b{color:var(--r26-text)!important;font-size:11.5px!important}
.rx-section-title small{color:var(--r26-muted)!important;font-size:9px!important}
.rx-text-btn{color:var(--r26-accent)!important;font-size:9.5px!important;font-weight:750!important}
.rx-items{gap:7px!important}
.rx-item,.rx-empty{
  border:1px solid var(--r26-line)!important;
  border-radius:10px!important;
  background:var(--r26-surface-2)!important;
  color:var(--r26-muted)!important;
}

/* ========================================================================== 
   MODULE HEADERS + MODELS / GRERJ WORKSPACE
   ========================================================================== */
.workspace-overview{padding:30px 20px 0!important}
.workspace-overview-inner{
  width:min(var(--r26-max),100%)!important;
  min-height:124px!important;
  padding:24px 28px!important;
  border:1px solid var(--r26-line)!important;
  border-radius:var(--r26-radius-lg)!important;
  background:var(--r26-surface)!important;
  color:var(--r26-text)!important;
  box-shadow:var(--r26-shadow-xs)!important;
  backdrop-filter:none!important;
}
.workspace-eyebrow{color:var(--r26-accent)!important;font-size:9px!important;font-weight:850!important;letter-spacing:.16em!important}
.workspace-overview h1{margin-top:7px!important;color:var(--r26-text)!important;font-size:34px!important;letter-spacing:-.045em!important}
.workspace-overview p{color:var(--r26-muted)!important}
.workspace-kpi,.workspace-action{
  border:1px solid var(--r26-line)!important;
  border-radius:10px!important;
  background:var(--r26-surface-2)!important;
  color:var(--r26-text)!important;
  box-shadow:none!important;
}
.workspace-kpi span{color:var(--r26-muted)!important}

main.shell.rx-module-workspace{
  width:min(var(--r26-max),calc(100% - 40px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:14px 0 90px!important;
  gap:12px!important;
}
main.shell.rx-module-workspace>.rx-module-controls .searchbar,
.kb-searchbar{
  border:1px solid var(--r26-line)!important;
  border-radius:var(--r26-radius-lg)!important;
  background:var(--r26-surface)!important;
  box-shadow:var(--r26-shadow-xs)!important;
  backdrop-filter:none!important;
}
.searchwrap input,.kb-searchwrap input{
  border:1px solid var(--r26-line)!important;
  border-radius:10px!important;
  background:var(--r26-surface-2)!important;
  color:var(--r26-text)!important;
  box-shadow:none!important;
}
.searchwrap input:focus,.kb-searchwrap input:focus{border-color:var(--r26-accent)!important;box-shadow:var(--r26-ring)!important}
.searchwrap span{color:var(--r26-faint)!important}
.tabs button,.kb-tabs button,.cats button,.kb-side-item,.kb-side-filter{
  border-radius:8px!important;
  color:var(--r26-muted)!important;
}
.tabs button.active,.kb-tabs button.active,.cats button.active,.kb-side-item.active,.kb-side-filter.active{
  background:var(--r26-accent-soft)!important;
  color:var(--r26-accent)!important;
  border-color:color-mix(in srgb,var(--r26-accent) 24%,var(--r26-line))!important;
  box-shadow:none!important;
}
.side.rx-module-side,.kb-side{
  border:1px solid var(--r26-line)!important;
  border-radius:var(--r26-radius-lg)!important;
  background:var(--r26-surface)!important;
  color:var(--r26-text)!important;
  box-shadow:var(--r26-shadow-xs)!important;
  backdrop-filter:none!important;
}
.side h2,.kb-side-head{color:var(--r26-muted)!important}
.topline h1{color:var(--r26-text)!important;letter-spacing:-.035em!important}
.count{color:var(--r26-muted)!important}
.card,.grerj-row{
  border:1px solid var(--r26-line)!important;
  border-radius:12px!important;
  background:var(--r26-surface)!important;
  color:var(--r26-text)!important;
  box-shadow:var(--r26-shadow-xs)!important;
}
.cardhead{border-bottom:1px solid var(--r26-line)!important;background:var(--r26-surface-2)!important}
.card .title{color:var(--r26-text)!important}
.card .body{color:var(--r26-muted)!important}
.copy,.primary{border-radius:9px!important;background:var(--r26-accent)!important;color:#fff!important;box-shadow:none!important}

/* ========================================================================== 
   GUIDES / LIBRARY / MURAL
   ========================================================================== */
.kb-page{padding:30px 20px 90px!important}
.kb-frame{width:min(var(--r26-max),100%)!important}
.kb-hero{
  min-height:124px!important;
  padding:25px 28px!important;
  border:1px solid var(--r26-line)!important;
  border-radius:var(--r26-radius-lg)!important;
  background:var(--r26-surface)!important;
  box-shadow:var(--r26-shadow-xs)!important;
  backdrop-filter:none!important;
}
.kb-eyebrow{color:var(--r26-accent)!important}
.kb-hero h1{color:var(--r26-text)!important;font-size:38px!important;letter-spacing:-.05em!important}
.kb-hero p{color:var(--r26-muted)!important}
.kb-kpi,.kb-hero-action{
  border:1px solid var(--r26-line)!important;
  border-radius:10px!important;
  background:var(--r26-surface-2)!important;
  color:var(--r26-text)!important;
  box-shadow:none!important;
}
.kb-kpi span{color:var(--r26-muted)!important}
.kb-primary-action{background:var(--r26-accent)!important;border-color:var(--r26-accent)!important;color:#fff!important}
.kb-shell{grid-template-columns:240px minmax(0,1fr)!important;gap:12px!important}
.kb-main,.guide-reader,.library-reader,.mural-post,.library-index-row,.contact-card{
  color:var(--r26-text)!important;
}
.guide-reader,.library-reader,.mural-post,.library-index-row,.contact-card{
  border-color:var(--r26-line)!important;
  border-radius:12px!important;
  background:var(--r26-surface)!important;
  box-shadow:var(--r26-shadow-xs)!important;
}

/* ========================================================================== 
   PROFILE / ADMIN / PANELS
   ========================================================================== */
.profile-hero-v2,.profile-box-v2,.profile-session-v2,
.formbox,.panel,.admin-view-hero,.admin-context-sidebar{
  border-color:var(--r26-line)!important;
  background:var(--r26-surface)!important;
  color:var(--r26-text)!important;
  box-shadow:var(--r26-shadow-xs)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.profile-hero-v2,.profile-box-v2,.formbox,.admin-view-hero{border-radius:var(--r26-radius-lg)!important}
.modal{background:rgba(6,10,16,.62)!important;backdrop-filter:blur(6px)!important}
.modal>.panel{border-radius:18px!important;box-shadow:var(--r26-shadow-md)!important}
.paneltop{border-color:var(--r26-line)!important}
.field input,.field textarea,.field select,input,textarea,select{
  border-color:var(--r26-line)!important;
}
.formbox input,.formbox textarea,.formbox select{
  border-radius:9px!important;
  background:var(--r26-surface-2)!important;
  color:var(--r26-text)!important;
}
.formbox input:focus,.formbox textarea:focus,.formbox select:focus{border-color:var(--r26-accent)!important;box-shadow:var(--r26-ring)!important}
.admin-dock{border-color:var(--r26-line)!important;background:var(--r26-surface-2)!important}
.admin-dock .secondary{border-radius:8px!important}

/* ========================================================================== 
   CHAT / BOB / UTILITIES
   ========================================================================== */
.chat-panel,.bob-panel,.mini-calc-panel{
  border:1px solid var(--r26-line)!important;
  border-radius:16px!important;
  background:var(--r26-surface)!important;
  color:var(--r26-text)!important;
  box-shadow:var(--r26-shadow-md)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.chat2-shell,.chat2-inbox,.chat2-thread,.bob-messages,.bob-composer{background:var(--r26-surface)!important;color:var(--r26-text)!important}
.chat2-inbox-head,.chat2-thread-head,.bob-head{border-color:var(--r26-line)!important;background:var(--r26-surface)!important}
.bob-input-box,.chat2-composer{
  border-color:var(--r26-line)!important;
  border-radius:11px!important;
  background:var(--r26-surface-2)!important;
}
.bob-input{color:var(--r26-text)!important}
.bob-send{background:var(--r26-accent)!important;color:#fff!important}
.social-tool-dock{
  gap:6px!important;
  padding:6px!important;
  border:1px solid var(--r26-line)!important;
  border-radius:12px!important;
  background:var(--r26-surface)!important;
  box-shadow:var(--r26-shadow-sm)!important;
  backdrop-filter:none!important;
}
.social-tool-dock button{border-radius:8px!important}

/* Feedback */
.toast,.status-island{
  border:1px solid var(--r26-line)!important;
  border-radius:10px!important;
  background:var(--r26-surface)!important;
  color:var(--r26-text)!important;
  box-shadow:var(--r26-shadow-md)!important;
  backdrop-filter:none!important;
}

button,input,textarea,select{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:none!important;
  box-shadow:var(--r26-ring)!important;
}

/* ========================================================================== 
   RESPONSIVE
   ========================================================================== */
@media(max-width:1180px){
  .app-header .header-inner{width:calc(100% - 24px)!important}
  .app-header .brand-wrap{display:none!important}
  .app-header .module-nav{margin-left:0!important;max-width:58vw!important}
  .app-header .admin-btn{display:none!important}
  body.app-home #homeView.home-command-center{padding-top:22px!important}
  .workspace-overview-inner,main.shell.rx-module-workspace{width:calc(100% - 24px)!important}
}
@media(max-width:900px){
  .app-header .module-nav{max-width:62vw!important;overflow-x:auto!important}
  .app-header .module-nav .module-btn{min-height:62px!important;padding:0 10px!important}
  .app-header .header-inner,.app-header .module-nav{height:62px!important;min-height:62px!important}
  .app-header .cloud-badge,.app-header .mute-btn{display:none!important}
  body.app-home #homeView.home-command-center{padding:18px 12px 78px!important}
  body.app-home .home-command-center .home-main{grid-template-columns:1fr!important}
  body.app-home .home-command-center .home-main>*{grid-column:1!important}
  body.app-home .command-hero{padding:30px 24px 26px!important}
  body.app-home .home-command-center h1{font-size:clamp(42px,10vw,62px)!important}
  body.app-home .rx-action-grid.home-actions{grid-template-columns:1fr!important}
  body.app-home .rx-stat-grid{grid-template-columns:1fr!important}
  body.app-home .rx-stat-grid>.rx-stat{border-right:0!important;border-bottom:1px solid var(--r26-line)!important}
  body.app-home .rx-stat-grid>.rx-stat:last-child{border-bottom:0!important}
  .kb-page{padding:18px 12px 78px!important}
  .kb-shell{display:flex!important;flex-direction:column!important}
}
@media(max-width:640px){
  .app-header .header-inner{width:calc(100% - 14px)!important}
  .app-header .mark{display:none!important}
  .app-header .module-nav{max-width:calc(100vw - 92px)!important}
  .app-header .module-nav .module-btn{font-size:10.5px!important;padding:0 9px!important}
  body.app-home .command-hero{padding:24px 17px 20px!important;border-radius:13px!important}
  body.app-home .home-command-center h1{font-size:clamp(38px,13vw,52px)!important}
  .rx-command-input{min-height:52px!important;padding-left:12px!important}
  .rx-kbd,.rx-command-hint{display:none!important}
  .rx-action{min-height:76px!important}
  .rx-action small{display:block!important}
  .workspace-overview{padding:16px 8px 0!important}
  .workspace-overview-inner,main.shell.rx-module-workspace{width:calc(100% - 16px)!important}
  .workspace-overview-inner{padding:19px!important;border-radius:13px!important}
  .workspace-overview h1,.kb-hero h1{font-size:31px!important}
  .kb-hero{padding:20px!important;border-radius:13px!important}
  .kb-hero-tools{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
