/* =========================================================
   Rabbit Workspace OS v116 — Professional Neumorphism
   Visual-only override. No DOM, JS, API or data behavior changes.
   ========================================================= */

:root{
  --neo-bg:#e8edf3;
  --neo-surface:#e8edf3;
  --neo-surface-light:#f3f6f9;
  --neo-surface-strong:#dde5ed;
  --neo-text:#26313c;
  --neo-text-strong:#17212b;
  --neo-text-muted:#71808e;
  --neo-accent:#6073ec;
  --neo-accent-hover:#5264dc;
  --neo-accent-soft:#dfe5ff;
  --neo-success:#42b883;
  --neo-warning:#e8a84f;
  --neo-danger:#df6677;
  --neo-info:#4c9bd6;
  --neo-shadow-dark:#c3cbd4;
  --neo-shadow-light:#ffffff;
  --neo-border:rgba(118,133,149,.16);
  --neo-border-strong:rgba(96,115,142,.24);
  --neo-radius-xs:8px;
  --neo-radius-sm:11px;
  --neo-radius-md:16px;
  --neo-radius-lg:24px;
  --neo-radius-xl:30px;
  --neo-transition:160ms ease;
  --neo-shadow-raised:8px 8px 18px var(--neo-shadow-dark),-8px -8px 18px var(--neo-shadow-light);
  --neo-shadow-raised-sm:5px 5px 12px var(--neo-shadow-dark),-5px -5px 12px var(--neo-shadow-light);
  --neo-shadow-pressed:inset 5px 5px 10px var(--neo-shadow-dark),inset -5px -5px 10px var(--neo-shadow-light);
  --neo-shadow-pressed-sm:inset 3px 3px 7px var(--neo-shadow-dark),inset -3px -3px 7px var(--neo-shadow-light);
  --neo-focus:0 0 0 3px rgba(96,115,236,.22);
}

html,
body{
  background:var(--neo-bg)!important;
  color:var(--neo-text)!important;
}

body{
  background-image:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.52),transparent 34%),
    radial-gradient(circle at 88% 100%,rgba(167,184,204,.16),transparent 38%)!important;
  background-attachment:fixed!important;
}

body,
button,
input,
textarea,
select{
  color:var(--neo-text);
}

::selection{
  background:rgba(96,115,236,.22);
  color:var(--neo-text-strong);
}

/* ---------- App shell ---------- */
.scale-root,
.app,
.main{
  background:transparent!important;
}

.sidebar,
aside.sidebar,
.rightbar,
aside.rightbar{
  background:var(--neo-surface)!important;
  border-color:transparent!important;
}

.sidebar,
aside.sidebar{
  box-shadow:10px 0 28px rgba(153,164,176,.30),-7px 0 20px rgba(255,255,255,.88)!important;
}

.rightbar,
aside.rightbar{
  box-shadow:-10px 0 28px rgba(153,164,176,.24),7px 0 20px rgba(255,255,255,.76)!important;
}

.topbar,
.rabbit-pro-topbar{
  background:rgba(232,237,243,.92)!important;
  border-color:rgba(255,255,255,.52)!important;
  box-shadow:0 8px 18px rgba(176,185,195,.28),0 -5px 14px rgba(255,255,255,.72)!important;
  backdrop-filter:blur(12px)!important;
}

.brand,
.rabbit-pro-brand,
.rabbit-sidebar-logout,
.rabbit-right-card,
.rabbit-rightbar-hero,
.card,
.post,
.panel,
.section-card,
.settings-prem-card,
.settings-prem-section,
.settings-overview-card,
.profile-panel,
.profile-v2-hero,
.profile-v2-stack,
.people-card,
.document-card,
.knowledge-card,
.program-card,
.template-card,
.notification-card,
.workflow-rule,
.system-check,
.task-card,
.rabbit-task-card,
.kanban-col,
.ops-card,
.rabbit-ops-card,
.leave-row,
.leave-kpi,
.signup-request-row,
.signup-requests-card,
.users-admin-card,
.rabbit-onboarding-shell,
.rabbit-plan-card{
  background:var(--neo-surface)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:var(--neo-shadow-raised)!important;
}

.card,
.panel,
.section-card,
.settings-prem-card,
.settings-prem-section,
.profile-panel,
.people-card,
.document-card,
.knowledge-card,
.program-card,
.template-card,
.notification-card,
.task-card,
.rabbit-task-card,
.kanban-col,
.rabbit-ops-card,
.leave-row,
.signup-request-row,
.users-admin-card{
  border-radius:var(--neo-radius-lg)!important;
}

.card:hover,
.people-card:hover,
.document-card:hover,
.knowledge-card:hover,
.program-card:hover,
.template-card:hover,
.task-card:hover,
.rabbit-task-card:hover,
.signup-request-row:hover{
  border-color:rgba(96,115,236,.22)!important;
}

/* ---------- Typography ---------- */
h1,h2,h3,h4,
.command-title,
.rabbit-card-title,
.settings-prem-section-head h2,
.profile-v2-title,
.people-head h2{
  color:var(--neo-text-strong)!important;
}

.muted,
small,
.rabbit-card-title p,
.settings-prem-section-head p,
.profile-meta,
.people-meta,
.launch-desc,
.task-notes{
  color:var(--neo-text-muted)!important;
}

/* ---------- Logo and brand ---------- */
.brand,
.rabbit-pro-brand{
  border-radius:var(--neo-radius-lg)!important;
  padding:14px!important;
}

.logo,
.home-logo,
.rabbit-loading-brand-icon,
.rabbit-auth-logo-card{
  background:var(--neo-surface)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
  border:1px solid rgba(255,255,255,.62)!important;
}

/* ---------- Navigation ---------- */
.nav,
.rabbit-v106-nav{
  gap:9px!important;
}

.rabbit-nav-group{
  margin-bottom:10px!important;
}

.rabbit-nav-label{
  color:#607080!important;
  letter-spacing:.09em!important;
}

.nav button,
.rabbit-v106-nav button,
.mobile-drawer-nav button,
.settings-prem-nav button,
.settings-menu button{
  background:var(--neo-surface)!important;
  color:var(--neo-text)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
  transition:transform var(--neo-transition),box-shadow var(--neo-transition),color var(--neo-transition),background var(--neo-transition)!important;
}

.nav button:hover,
.rabbit-v106-nav button:hover,
.mobile-drawer-nav button:hover,
.settings-prem-nav button:hover,
.settings-menu button:hover{
  color:var(--neo-accent)!important;
  transform:translateY(-1px)!important;
}

.nav button.active,
.rabbit-v106-nav button.active,
.mobile-drawer-nav button.active,
.settings-prem-nav button.active,
.settings-menu button.active{
  background:var(--neo-surface)!important;
  color:var(--neo-accent)!important;
  border-color:rgba(96,115,236,.28)!important;
  box-shadow:var(--neo-shadow-pressed)!important;
  transform:none!important;
}

.rabbit-side-ico,
.rabbit-nav-badge,
.signup-nav-badge{
  background:var(--neo-surface)!important;
  border-color:rgba(255,255,255,.64)!important;
  box-shadow:var(--neo-shadow-pressed-sm)!important;
}

.nav button.active .rabbit-side-ico,
.rabbit-v106-nav button.active .rabbit-side-ico{
  background:var(--neo-accent-soft)!important;
  color:var(--neo-accent)!important;
}

.rabbit-sidebar-logout{
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

.rabbit-sidebar-logout:hover{
  color:var(--neo-danger)!important;
}

/* ---------- Inputs, search and forms ---------- */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
textarea,
select,
.search,
.rabbit-input-wrap,
.maildesk-search,
.task-search,
.people-toolbar input,
.settings-prem-search,
.rc22-search,
.ra-compose,
.rabbit-chat-input,
.rabbit-dock-input{
  background:var(--neo-surface)!important;
  color:var(--neo-text)!important;
  border:1px solid rgba(255,255,255,.36)!important;
  box-shadow:var(--neo-shadow-pressed)!important;
}

input::placeholder,
textarea::placeholder{
  color:#8794a0!important;
  opacity:1!important;
}

input:focus,
textarea:focus,
select:focus,
.search:focus-within,
.rabbit-input-wrap:focus-within,
.maildesk-search:focus-within,
.task-search:focus-within,
.settings-prem-search:focus-within,
.rc22-search:focus-within,
.ra-compose:focus-within,
.rabbit-chat-input:focus-within{
  outline:none!important;
  border-color:rgba(96,115,236,.45)!important;
  box-shadow:var(--neo-shadow-pressed),var(--neo-focus)!important;
}

input:disabled,
textarea:disabled,
select:disabled{
  opacity:.58!important;
  cursor:not-allowed!important;
}

input[type="checkbox"],
input[type="radio"]{
  accent-color:var(--neo-accent)!important;
}

/* Chrome autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--neo-text)!important;
  -webkit-box-shadow:0 0 0 1000px var(--neo-surface) inset!important;
  transition:background-color 9999s ease-out 0s!important;
}

/* ---------- Buttons ---------- */
button,
.button,
.rabbit-btn,
.ror-section-action,
.ops-action,
.task-mini-btn,
.profile-quick,
.launch-arrow{
  background:var(--neo-surface)!important;
  color:var(--neo-text)!important;
  border:1px solid rgba(255,255,255,.52)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
  transition:transform var(--neo-transition),box-shadow var(--neo-transition),color var(--neo-transition),background var(--neo-transition),border-color var(--neo-transition)!important;
}

button:hover:not(:disabled),
.button:hover:not(:disabled),
.rabbit-btn:hover:not(:disabled),
.ror-section-action:hover:not(:disabled),
.ops-action:hover:not(:disabled),
.task-mini-btn:hover:not(:disabled){
  transform:translateY(-1px)!important;
  color:var(--neo-accent)!important;
  border-color:rgba(96,115,236,.22)!important;
}

button:active:not(:disabled),
.button:active:not(:disabled),
.rabbit-btn:active:not(:disabled),
.ror-section-action:active:not(:disabled),
.ops-action:active:not(:disabled),
.task-mini-btn:active:not(:disabled){
  transform:none!important;
  box-shadow:var(--neo-shadow-pressed-sm)!important;
}

button.primary,
.rabbit-btn-primary,
.ra-send,
.rc22-compose button,
.rabbit-chat-input button,
.rabbit-dock-input button,
.maildesk-actions .primary,
.task-hero-actions .primary,
.settings-prem-actions .primary,
.mask-head .primary{
  background:linear-gradient(145deg,#6d80f3,#5367df)!important;
  color:#fff!important;
  border-color:rgba(76,93,206,.36)!important;
  box-shadow:6px 6px 14px rgba(157,166,182,.62),-5px -5px 12px rgba(255,255,255,.90),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

button.primary:hover,
.rabbit-btn-primary:hover,
.ra-send:hover{
  color:#fff!important;
  background:linear-gradient(145deg,#7486f5,#4d61d7)!important;
}

button.danger,
.rabbit-btn-danger,
.reject,
.decline{
  color:#bd4356!important;
  background:linear-gradient(145deg,#f5e9eb,#e8d8dc)!important;
  border-color:rgba(223,102,119,.22)!important;
}

button:disabled,
.button:disabled,
.rabbit-btn:disabled{
  opacity:.50!important;
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:var(--neo-shadow-pressed-sm)!important;
}

/* ---------- Topbar ---------- */
.topbar .search,
.rabbit-pro-topbar .search{
  border-radius:var(--neo-radius-md)!important;
}

.rabbit-bell,
.rabbit-admin-chip,
.rabbit-avatar-dot,
.mobile-menu-btn{
  background:var(--neo-surface)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

.rabbit-bell:active,
.rabbit-admin-chip:active,
.mobile-menu-btn:active{
  box-shadow:var(--neo-shadow-pressed-sm)!important;
}

/* ---------- Command Center / home ---------- */
.command-center{
  gap:22px!important;
}

.command-panel,
.rabbit-pro-hero{
  border:1px solid rgba(255,255,255,.36)!important;
  box-shadow:12px 12px 24px rgba(175,184,195,.62),-10px -10px 22px rgba(255,255,255,.80)!important;
}

.command-panel::after,
.rabbit-pro-hero::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 -70px 100px rgba(4,11,24,.14);
}

.command-panel .badge,
.rabbit-pro-hero .badge,
.rac-kicker-v62,
.maildesk-kicker,
.task-kicker,
.settings-prem-kicker,
.rabbit-rightbar-head>div>span,
.rabbit-rightbar-copy>span{
  background:rgba(238,243,249,.90)!important;
  color:#3c5470!important;
  border:1px solid rgba(255,255,255,.64)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

.command-actions button{
  background:rgba(235,240,246,.94)!important;
  color:#26313c!important;
  border-color:rgba(255,255,255,.60)!important;
  box-shadow:5px 5px 12px rgba(15,23,42,.28),-4px -4px 10px rgba(255,255,255,.20)!important;
}

.command-actions button.primary{
  background:linear-gradient(145deg,#697df0,#4ea795)!important;
  color:#fff!important;
}

.rabbit-attention-center-v62,
.rabbit-maildesk-wide-card,
.rabbit-maildesk-summary-v3,
.rabbit-smart-mail-v62,
.maildesk-hero,
.maildesk-summary-left,
.maildesk-summary-center,
.maildesk-summary-right{
  background:var(--neo-surface)!important;
  border-color:rgba(255,255,255,.58)!important;
  box-shadow:var(--neo-shadow-raised)!important;
}

.rac-item-v62,
.maildesk-home-row,
.maildesk-message,
.maildesk-mini-row,
.maildesk-wide-note,
.maildesk-summary-status,
.maildesk-summary-insights,
.maildesk-home-tags>*,
.maildesk-tags>*{
  background:var(--neo-surface)!important;
  border-color:rgba(255,255,255,.48)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

.rac-item-v62:hover,
.maildesk-home-row:hover,
.maildesk-message:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(96,115,236,.22)!important;
}

.rac-item-v62:active{
  transform:none!important;
  box-shadow:var(--neo-shadow-pressed-sm)!important;
}

.rac-actions-v62,
.maildesk-wide-actions,
.maildesk-summary-actions-rail{
  gap:10px!important;
}

/* ---------- Macro cards ---------- */
.rabbit-macro-card,
.rabbit-pro-module-card,
.launch-card,
.quick-create-card{
  background:var(--neo-surface)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:var(--neo-shadow-raised)!important;
}

.rabbit-macro-card:hover,
.rabbit-pro-module-card:hover,
.launch-card:hover,
.quick-create-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(96,115,236,.20)!important;
}

.rabbit-macro-icon,
.launch-icon,
.qcc-icon,
.profile-kpi-icon,
.settings-overview-icon{
  background:var(--neo-surface)!important;
  box-shadow:var(--neo-shadow-pressed-sm)!important;
  border:1px solid rgba(255,255,255,.48)!important;
}

.rabbit-macro-inner-grid,
.home-structure-grid,
.quick-create-card-grid{
  gap:14px!important;
}

/* ---------- Rightbar ---------- */
.rabbit-rightbar-hero,
.rabbit-right-card{
  background:var(--neo-surface)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

.rabbit-rightbar-hero{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.82),transparent 40%),
    linear-gradient(145deg,#edf2f7,#e3e9f0)!important;
}

.rabbit-rightbar-mini-metrics span,
.rabbit-right-kpis button,
.rabbit-right-person,
.rabbit-right-shortcuts button,
.rabbit-right-status .db-status{
  background:var(--neo-surface)!important;
  border-color:rgba(255,255,255,.52)!important;
  box-shadow:var(--neo-shadow-pressed-sm)!important;
}

.rabbit-right-shortcuts button:hover,
.rabbit-right-person:hover,
.rabbit-right-kpis button:hover{
  transform:none!important;
  color:var(--neo-accent)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

.rabbit-status-dot{
  box-shadow:0 0 0 5px rgba(66,184,131,.14),2px 2px 5px rgba(154,166,178,.44),-2px -2px 5px #fff!important;
}

/* ---------- Tables and structured lists ---------- */
.table,
.settings-prem-table,
.ops-table,
.gcal-shell,
.rabbit-task-board,
.kanban-board,
.leave-board{
  background:var(--neo-surface)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:var(--neo-shadow-raised)!important;
}

.table th,
.settings-prem-table th,
.ops-table th{
  background:rgba(222,229,237,.86)!important;
  color:#40505f!important;
  border-color:rgba(125,140,156,.12)!important;
}

.table td,
.settings-prem-table td,
.ops-table td{
  border-color:rgba(125,140,156,.12)!important;
}

.table tr:hover td,
.settings-prem-table tr:hover td,
.ops-table tr:hover td{
  background:rgba(243,246,249,.66)!important;
}

.table tr.selected td,
.row.selected{
  background:rgba(96,115,236,.09)!important;
}

.row,
.mini-row,
.timeline-row,
.audit-row,
.user-admin-row,
.profile-history-row,
.gcal-agenda-row,
.ops-list-row{
  background:var(--neo-surface)!important;
  border-color:rgba(255,255,255,.48)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

/* ---------- Badges / status ---------- */
.badge,
.pill,
.meta-chip,
.leave-status,
.task-priority,
.people-status,
.signup-pill,
.ops-badge,
.maildesk-badge,
.gcal-chip,
.profile-badge,
.skill-pill,
.user-pill{
  background:var(--neo-surface)!important;
  color:#536272!important;
  border:1px solid rgba(255,255,255,.56)!important;
  box-shadow:var(--neo-shadow-pressed-sm)!important;
}

.success,
.green,
.accept,
.approved{
  color:#25815b!important;
}

.warning,
.warn,
.orange{
  color:#a86a1e!important;
}

.danger,
.critical,
.reject,
.decline{
  color:#b34658!important;
}

/* ---------- Modals, overlays and popups ---------- */
.mask{
  background:rgba(72,84,99,.28)!important;
  backdrop-filter:blur(7px)!important;
}

.mask-panel,
.signup-modal-card,
.rabbit-onboarding-shell,
.mail-open-floating-v13,
#rabbitAssistantPanel,
#rc22Panel,
.rc22-panel{
  background:var(--neo-surface)!important;
  border:1px solid rgba(255,255,255,.70)!important;
  box-shadow:14px 14px 34px rgba(133,145,157,.50),-12px -12px 30px rgba(255,255,255,.82)!important;
}

.mask-head,
.signup-modal-head,
.rabbit-onboarding-hero,
.mail-open-preview-v4 .mail-open-meta,
.rc22-head,
.ra-head{
  border-color:rgba(126,140,155,.14)!important;
}

.mask-body,
.signup-requests-body,
.users-admin-body,
.rabbit-onboarding-body,
.mail-open-body{
  background:var(--neo-surface)!important;
}

.mask-head .actions button,
.ra-close,
.rc22-close,
.rabbit-onboarding-close,
.mail-open-actions-v13 button{
  background:var(--neo-surface)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

/* ---------- Chat and AIris ---------- */
#rabbitUnifiedHub{
  background:rgba(232,237,243,.90)!important;
  border-color:rgba(255,255,255,.66)!important;
  box-shadow:var(--neo-shadow-raised)!important;
}

#rabbitHubMain,
#rabbitHubChat,
#rabbitUnifiedHub .rah-fab{
  border-color:rgba(255,255,255,.62)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

#rabbitHubMain{
  background:linear-gradient(145deg,#547f98,#396d84)!important;
  color:#fff!important;
}

#rabbitHubChat{
  background:var(--neo-surface)!important;
  color:#6b57df!important;
}

#rabbitHubMain:active,
#rabbitHubChat:active{
  box-shadow:var(--neo-shadow-pressed-sm)!important;
}

.rabbit-chat-list,
.rabbit-chat-main,
.rabbit-chat-info,
.rc22-sidebar,
.rc22-main,
.rc22-info-contact,
.ra-messages,
.ra-quick,
.ra-compose{
  background:var(--neo-surface)!important;
}

.rabbit-chat-list,
.rabbit-chat-info,
.rc22-sidebar,
.rc22-info-contact{
  border-color:rgba(130,145,160,.14)!important;
}

.rabbit-chat-person,
.rabbit-thread,
.rc22-contact,
.ra-chip,
.ra-starter,
.ra-starter-card,
.ra-answer-card,
.ra-row,
.ra-empty,
.rabbit-dock-chat{
  background:var(--neo-surface)!important;
  border-color:rgba(255,255,255,.54)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

.rabbit-chat-person.active,
.rc22-contact.active,
.rabbit-thread.active{
  color:var(--neo-accent)!important;
  box-shadow:var(--neo-shadow-pressed-sm)!important;
}

.rabbit-msg-bubble,
.rc22-bubble,
.ra-bubble{
  background:var(--neo-surface-light)!important;
  color:var(--neo-text)!important;
  border:1px solid rgba(255,255,255,.56)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

.rabbit-msg-row.mine .rabbit-msg-bubble,
.rc22-msg.mine .rc22-bubble,
.ra-msg.user .ra-bubble{
  background:linear-gradient(145deg,#6c7ef0,#5367dc)!important;
  color:#fff!important;
  border-color:rgba(76,93,206,.28)!important;
}

.ra-head{
  background:linear-gradient(145deg,#33485f,#243a50)!important;
}

.ra-head-note{
  background:rgba(235,241,247,.10)!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* ---------- Settings ---------- */
.settings-premium,
.settings-prem-main,
.settings-layout{
  background:transparent!important;
}

.settings-prem-hero{
  background:linear-gradient(145deg,#eef2f6,#e2e8ef)!important;
  border:1px solid rgba(255,255,255,.60)!important;
  box-shadow:var(--neo-shadow-raised)!important;
}

.settings-prem-toggle,
.settings-prem-rule,
.settings-prem-mini,
.settings-prem-statline,
.home-toggle{
  background:var(--neo-surface)!important;
  border-color:rgba(255,255,255,.52)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

.settings-prem-toggle:has(input:checked),
.home-toggle:has(input:checked){
  border-color:rgba(96,115,236,.28)!important;
  box-shadow:var(--neo-shadow-pressed-sm)!important;
}

/* ---------- Calendar, boards and progress ---------- */
.gcal-top,
.gcal-side,
.gcal-main,
.gcal-mini-month,
.gcal-resource-card,
.profile-calendar-panel,
.task-column,
.kanban-card{
  background:var(--neo-surface)!important;
  border-color:rgba(255,255,255,.52)!important;
  box-shadow:var(--neo-shadow-raised-sm)!important;
}

.gcal-cell,
.gcal-slot,
.gcal-day-col,
.profile-calendar-day,
.profile-calendar-row{
  border-color:rgba(125,140,156,.13)!important;
}

.gcal-event,
.profile-calendar-event{
  box-shadow:4px 4px 10px rgba(169,178,188,.46),-3px -3px 8px rgba(255,255,255,.74)!important;
}

.progress-track,
.ops-progress,
.ror-progress{
  background:var(--neo-surface)!important;
  box-shadow:var(--neo-shadow-pressed-sm)!important;
}

.progress-fill,
.ops-progress span,
.ror-progress span{
  background:linear-gradient(90deg,var(--neo-accent),#55b99a)!important;
}

/* ---------- Login and onboarding ---------- */
.rabbit-auth-openpa,
.rabbit-auth-shell,
.rabbit-auth-panel{
  background:var(--neo-bg)!important;
}

.rabbit-auth-brand-panel{
  background:linear-gradient(145deg,#33485e,#243a4f)!important;
  box-shadow:10px 10px 24px rgba(147,157,168,.42),-8px -8px 20px rgba(255,255,255,.62)!important;
}

.rabbit-auth-card,
.rabbit-auth-cookie-banner,
.rabbit-loading-panel{
  background:var(--neo-surface)!important;
  border:1px solid rgba(255,255,255,.64)!important;
  box-shadow:var(--neo-shadow-raised)!important;
}

.rabbit-auth-note,
.rabbit-auth-muted{
  color:var(--neo-text-muted)!important;
}

.rabbit-loading-cover{
  background:var(--neo-bg)!important;
}

.rabbit-loading-progress{
  background:var(--neo-surface)!important;
  box-shadow:var(--neo-shadow-pressed)!important;
}

.rabbit-loading-progress>span{
  background:linear-gradient(90deg,var(--neo-accent),#54b49a)!important;
}

/* ---------- Toasts, empty states and notifications ---------- */
.toast,
.nexa-toast,
.rabbit-boot-error-card,
.empty,
.rabbit-task-empty,
.people-empty,
.profile-empty,
.kanban-empty,
.rc22-empty,
.ror-empty{
  background:var(--neo-surface)!important;
  color:var(--neo-text)!important;
  border:1px solid rgba(255,255,255,.60)!important;
  box-shadow:var(--neo-shadow-raised)!important;
}

/* ---------- Scrollbars ---------- */
*{
  scrollbar-width:thin;
  scrollbar-color:#aeb8c3 transparent;
}

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

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

*::-webkit-scrollbar-thumb{
  background:linear-gradient(145deg,#b8c1cb,#9da8b4);
  border:2px solid var(--neo-bg);
  border-radius:999px;
}

*::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(145deg,#aeb8c3,#939faa);
}

/* ---------- Focus and accessibility ---------- */
:focus-visible{
  outline:3px solid rgba(108,124,255,.35)!important;
  outline-offset:3px!important;
}

[aria-disabled="true"],
.disabled{
  opacity:.56!important;
}

/* ---------- Dark mode, preserving existing feature ---------- */
body[data-rabbit-theme="dark"],
body.rabbit-theme-dark,
html[data-rabbit-theme="dark"] body{
  --neo-bg:#1f2731;
  --neo-surface:#222b36;
  --neo-surface-light:#293440;
  --neo-surface-strong:#19212a;
  --neo-text:#e7edf4;
  --neo-text-strong:#f8fafc;
  --neo-text-muted:#a9b5c1;
  --neo-accent:#8d9cff;
  --neo-accent-hover:#7c8df6;
  --neo-accent-soft:#343f68;
  --neo-shadow-dark:#151b22;
  --neo-shadow-light:#303b47;
  --neo-border:rgba(255,255,255,.08);
  --neo-border-strong:rgba(255,255,255,.13);
  --neo-focus:0 0 0 3px rgba(141,156,255,.24);
  background-image:none!important;
}

body[data-rabbit-theme="dark"] .command-panel,
body.rabbit-theme-dark .command-panel,
html[data-rabbit-theme="dark"] .command-panel{
  border-color:rgba(255,255,255,.10)!important;
}

body[data-rabbit-theme="dark"] .command-panel .badge,
body.rabbit-theme-dark .command-panel .badge,
html[data-rabbit-theme="dark"] .command-panel .badge{
  background:rgba(34,43,54,.90)!important;
  color:#d8e2ec!important;
  border-color:rgba(255,255,255,.10)!important;
}

body[data-rabbit-theme="dark"] button.primary,
body.rabbit-theme-dark button.primary,
html[data-rabbit-theme="dark"] button.primary{
  background:linear-gradient(145deg,#7385f4,#5366d8)!important;
}

body[data-rabbit-theme="dark"] .rabbit-auth-brand-panel,
body.rabbit-theme-dark .rabbit-auth-brand-panel,
html[data-rabbit-theme="dark"] .rabbit-auth-brand-panel{
  background:linear-gradient(145deg,#263545,#182532)!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  .topbar,
  .rabbit-pro-topbar{
    border-radius:0 0 var(--neo-radius-lg) var(--neo-radius-lg)!important;
  }

  .mobile-drawer-panel{
    background:var(--neo-surface)!important;
    box-shadow:var(--neo-shadow-raised)!important;
  }

  .command-center,
  .grid.two,
  .grid.three,
  .grid.four,
  .maildesk-grid,
  .profile-grid,
  .settings-prem-grid,
  .people-grid,
  .workspace-grid{
    gap:16px!important;
  }
}

@media(max-width:720px){
  :root{
    --neo-shadow-raised:6px 6px 14px var(--neo-shadow-dark),-6px -6px 14px var(--neo-shadow-light);
    --neo-shadow-raised-sm:4px 4px 9px var(--neo-shadow-dark),-4px -4px 9px var(--neo-shadow-light);
  }

  .card,
  .panel,
  .section-card,
  .settings-prem-card,
  .settings-prem-section,
  .profile-panel,
  .people-card,
  .document-card,
  .knowledge-card,
  .program-card,
  .notification-card,
  .rabbit-macro-card,
  .rabbit-pro-module-card{
    border-radius:20px!important;
  }

  .command-panel,
  .rabbit-attention-center-v62,
  .rabbit-maildesk-wide-card,
  .maildesk-hero{
    border-radius:22px!important;
  }

  button,
  .button,
  .rabbit-btn{
    min-height:44px;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  textarea,
  select{
    font-size:16px!important;
  }

  .table,
  .settings-prem-table,
  .ops-table{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!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;
  }
}