@import url("/nexora-home-background.css?v=1");
/* Shared NEXORA themes. Loaded after each page's native styles to avoid changing behavior. */
html[data-home-theme="forest-glass"] {
  color-scheme: light;
  --bg: rgba(234, 243, 240, .88) !important;
  --panel: rgba(248, 252, 250, .76) !important;
  --line: rgba(48, 108, 91, .24) !important;
  --text: #183f34 !important;
  --muted: #60766f !important;
  --cyan: #3e8e79 !important;
  --blue: #4b8974 !important;
  --violet: #719b8f !important;
  --purple: #73a998 !important;
  --pink: #a2617b !important;
  --gold: #9b773d !important;
  --green: #3d8e6d !important;
  --red: #c65466 !important;
  --danger: #c65466 !important;
  --good: #3d8e6d !important;
  --panel-strong: rgba(247, 252, 250, .9) !important;
  --line-strong: rgba(48, 125, 102, .5) !important;
  --shadow: 0 24px 70px rgba(43, 83, 72, .18) !important;
  background: #dcebe7;
}

/* Forest theme controls that must remain legible on compact layouts. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] :is(
  .storage-heading, .mobile-head strong, .location-caption span
) {
  color: #173f34;
  text-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] #storageManage {
  border-color: rgba(47, 127, 107, .38);
  color: #215f4f;
  background: rgba(249, 253, 251, .9);
  box-shadow: 0 4px 12px rgba(36, 78, 66, .1);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] #storageManage:hover {
  border-color: #2f7f6b !important;
  color: #174b3d !important;
  background: #ddf0e9 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .space-share-button {
  border-color: rgba(47, 127, 107, .34);
  color: #1d5848 !important;
  background: rgba(229, 243, 238, .92);
  box-shadow: 0 4px 12px rgba(36, 78, 66, .08);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  #requestConnect, .request-actions button
) {
  border-color: rgba(47, 127, 107, .38);
  color: #1d5848;
  background: rgba(235, 247, 243, .96);
  box-shadow: 0 4px 12px rgba(36, 78, 66, .08);
  opacity: 1 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  #requestConnect, .request-actions button
):hover {
  border-color: #2f7f6b !important;
  color: #174b3d !important;
  background: #d8eee7 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .request-actions button.is-primary {
  border-color: rgba(47, 127, 107, .52) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #4b9a83, #337863) !important;
}

html[data-home-theme="forest-glass"] body {
  color: var(--text) !important;
  background:
    linear-gradient(180deg, rgba(244, 249, 247, .76), rgba(219, 236, 231, .82)),
    url("assets/images/theme-forest-portal.webp?v=1") center top / cover fixed no-repeat !important;
}

html[data-home-theme="forest-glass"] body,
html[data-home-theme="forest-glass"] button,
html[data-home-theme="forest-glass"] input,
html[data-home-theme="forest-glass"] select,
html[data-home-theme="forest-glass"] textarea {
  font-family: "Microsoft YaHei UI", "PingFang SC", "Segoe UI", Arial, sans-serif;
}

html[data-home-theme="forest-glass"] :is(
  .topbar, .titlebar, .toolbar, .subbar, .ribbon, .statusbar, .sheetbar,
  .sidebar, .pane, .panel, .card, .section, .shell, .page, .app,
  .feature-card, .council-card, .material-card, .software-card,
  .file, .file-card, .manage-item, .storage-item, .workbook-card,
  .chat-item, .bubble, .file-row, .share-card, .share-transfer-card, .account-card,
  .rustdesk-device-card, .request-card, .android-controlled-card,
  .print-form-panel, .print-jobs-panel, .rustdesk-history-panel,
  .dialog, .dialog-card, .gateway-dialog, .auth-dialog,
  .preview-card, .storage-card, .sheet-card, .locked-card,
  .assistant-panel, .assistant-workspace, .frame-workspace,
  .editor-shell, .workbook-strip, .admin-accounts-panel, .account-menu
):not(:where(.nx-file-list .nx-file-item)) {
  border-color: rgba(54, 112, 95, .24) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(221, 239, 233, .62)) !important;
  color: var(--text) !important;
  box-shadow: 0 16px 40px rgba(43, 83, 72, .12), inset 0 1px 0 rgba(255, 255, 255, .88) !important;
  backdrop-filter: blur(22px) saturate(1.12);
  -webkit-backdrop-filter: blur(22px) saturate(1.12);
}

html[data-home-theme="forest-glass"] :is(
  .pane, .panel, .card, .section, .feature-card, .council-card,
  .material-card, .software-card, .file, .file-card, .manage-item,
  .workbook-card, .chat-item, .bubble, .share-card, .account-card, .rustdesk-device-card,
  .request-card, .android-controlled-card, .print-form-panel,
  .print-jobs-panel, .rustdesk-history-panel, .dialog-card,
  .preview-card, .storage-card, .sheet-card, .assistant-panel
):not(:where(.nx-file-list .nx-file-item)) {
  border-radius: 22px !important;
}

html[data-home-theme="forest-glass"] :is(
  input:not([type="checkbox"]):not([type="radio"]), textarea, select,
  .search-box, .formula-bar, .api-key-shell
):not(:where(.secretary-composer *)) {
  border-color: rgba(53, 110, 94, .28) !important;
  background: rgba(255, 255, 255, .66) !important;
  color: #183f34 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86) !important;
}

html[data-home-theme="forest-glass"] input::placeholder,
html[data-home-theme="forest-glass"] textarea::placeholder {
  color: rgba(49, 84, 74, .58) !important;
}

html[data-home-theme="forest-glass"] :is(
  .back, .back-button, .icon-button,
  .primary-action, .mode-button, .tool, .pill
):not(.feature-card):not(.nexora-nav-circle):not(.nexora-icon-button) {
  border-color: rgba(55, 112, 96, .28) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(211, 235, 228, .66)) !important;
  color: #204c3f !important;
  box-shadow: 0 6px 18px rgba(43, 83, 72, .09), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

html[data-home-theme="forest-glass"] :is(
  .back, .back-button, .icon-button,
  .primary-action, .mode-button, .tool, .pill
):not(.feature-card):hover:not(.nexora-nav-circle):not(.nexora-icon-button) {
  border-color: rgba(48, 124, 102, .52) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(194, 228, 217, .8)) !important;
  box-shadow: 0 10px 24px rgba(46, 101, 85, .16), inset 0 1px 0 #fff !important;
}

html[data-home-theme="forest-glass"] :is(.primary, .is-active, [aria-selected="true"]):not(.feature-card):not(:is(.nexora-button,.btn,.gateway-action,.soft-button,.primary-button,.danger-button,.mini-button)) {
  border-color: rgba(45, 119, 97, .5) !important;
}

html[data-home-theme="forest-glass"] :is(.danger, .danger-btn, .delete-confirm, .admin-delete-user):not(:is(.nexora-button,.btn,.gateway-action,.soft-button,.primary-button,.danger-button,.mini-button)) {
  border-color: rgba(176, 65, 84, .42);
  color: #963b4b !important;
}

html[data-home-theme="forest-glass"] :is(
  h1, h2, h3, h4, .heading, .section-title, .feature-title,
  .title, .name, .brand, .app-name, .file-title, .platform-head
) {
  color: #173f34;
  text-shadow: none;
}

html[data-home-theme="forest-glass"] :is(
  .muted, .meta, .small, .setting-copy span, .settings-panel-copy,
  .feature-en, .section-kicker, .notice, .hint, .empty, .empty-state
) {
  color: #60766f !important;
}

html[data-home-theme="forest-glass"] a {
  color: #2f7f6b;
}

/* Locked-state action links are filled accent buttons: keep their label white. */
html[data-home-theme="forest-glass"] .locked-state a.primary-button {
  color: #fff;
}

html[data-home-theme="forest-glass"] .stars {
  opacity: .12 !important;
  mix-blend-mode: multiply;
}

html[data-home-theme="forest-glass"] ::selection {
  background: rgba(91, 156, 137, .28);
  color: #153b31;
}

html[data-home-theme="forest-glass"] * {
  scrollbar-color: rgba(74, 132, 113, .5) rgba(255, 255, 255, .25);
}

/* Homepage composition based on the supplied nature portal reference. */
html[data-home-theme="forest-glass"] .cover {
  background: var(--nexora-home-background) !important;
}

@media (max-width: 620px) {
  html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .cover {
    background: var(--nexora-home-background) !important;
  }
}

html[data-home-theme="forest-glass"] .cover::before {
  inset: 0;
  background: linear-gradient(180deg, transparent 72%, rgba(20, 64, 53, .07)) !important;
  filter: none;
  mix-blend-mode: normal;
  opacity: 1;
}

html[data-home-theme="forest-glass"] .cover::after {
  background: linear-gradient(180deg, transparent 84%, rgba(23, 64, 53, .06)) !important;
}

html[data-home-theme="forest-glass"] :is(.energy-field, .portal-aura, .floor-light, .transition-tension) {
  display: none !important;
}

html[data-home-theme="forest-glass"] .topbar {
  border-color: rgba(60, 111, 96, .18) !important;
  background: rgba(248, 251, 250, .82) !important;
  box-shadow: 0 8px 28px rgba(45, 83, 73, .09) !important;
  backdrop-filter: blur(20px) saturate(1.08);
  -webkit-backdrop-filter: blur(20px) saturate(1.08);
}

html[data-home-theme="forest-glass"] .brand-mark {
  border-color: #397561;
  box-shadow: 0 0 18px rgba(76, 142, 122, .18);
}

html[data-home-theme="forest-glass"] .brand-mark::before {
  border-color: rgba(57, 117, 97, .66);
}

html[data-home-theme="forest-glass"] .main-nav button {
  color: rgba(29, 66, 55, .72);
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-home-theme="forest-glass"] .main-nav button:is(:hover, .is-active) {
  color: #245f4e !important;
}

html[data-home-theme="forest-glass"] .main-nav button.is-active::after {
  background: #4c8c76;
  box-shadow: 0 0 10px rgba(76, 140, 118, .35);
}

html[data-home-theme="forest-glass"] :is(.language-select, .signin, .gateway-button) {
  border-color: rgba(59, 112, 96, .26) !important;
  background: rgba(255, 255, 255, .58) !important;
  color: #214f41 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

html[data-home-theme="forest-glass"] .center-copy {
  color: #214f41;
  text-shadow: 0 2px 24px rgba(255, 255, 255, .86);
}

@media (min-width: 761px) {
  html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .center-copy {
    position: absolute !important;
    z-index: 4;
    /* The source artwork is 4:3 and the ring centre is at roughly 50% / 34%.
       With background-size: cover its rendered height is max(75vw, 100vh).
       Subtract the desktop cover's 86px top inset because this element is
       positioned against .hero rather than the viewport. */
    top: calc(max(25.5vw, 34vh) - 86px);
    left: 50%;
    width: min(960px, calc(100vw - 48px));
    margin: 0;
    padding: 0;
    align-self: auto;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .feature-row {
    position: relative;
    z-index: 5;
    transform: translateY(64px);
  }
}

html[data-home-theme="forest-glass"] :is(.eyebrow, .subtitle) {
  color: #245a49;
}

html[data-home-theme="forest-glass"] .subtitle::before,
html[data-home-theme="forest-glass"] .subtitle::after {
  background: linear-gradient(90deg, transparent, rgba(39, 91, 74, .72));
}

html[data-home-theme="forest-glass"] .subtitle::after {
  background: linear-gradient(90deg, rgba(39, 91, 74, .72), transparent);
}

html[data-home-theme="forest-glass"] .feature-row {
  gap: 30px;
}

html[data-home-theme="forest-glass"][data-layout="mobile"] body[data-nexora-page="home"] .feature-row {
  border-top-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] .feature-card,
html[data-home-theme="forest-glass"] .feature-card.ai-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  border-radius: 38px !important;
  clip-path: none !important;
  color: #1d4b3d !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(206, 231, 224, .58)),
    radial-gradient(circle at 16% 100%, rgba(115, 209, 182, .34), transparent 42%) !important;
  box-shadow:
    0 22px 52px rgba(28, 69, 57, .18),
    inset 0 1px 1px rgba(255, 255, 255, .95),
    inset 0 -18px 45px rgba(103, 176, 156, .11) !important;
  /* These cards already have a painted glass surface; do not resample the
     full backdrop for every frame of the small edge-light animation. */
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  isolation: isolate;
}

html[data-home-theme="forest-glass"] .feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255, 255, 255, .16), transparent 38% 78%, rgba(176, 232, 218, .06));
}

html[data-home-theme="forest-glass"] .feature-card::after {
  left: 12%;
  right: 12%;
  bottom: 0;
  width: auto;
  height: 2px;
  transform: none;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #77bba7, transparent);
  filter: none;
  box-shadow: 0 0 18px rgba(91, 166, 143, .45);
}

html[data-home-theme="forest-glass"] .feature-card:is(:hover, :focus-visible) {
  transform: translateY(-8px) scale(1.015);
  border-color: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 28px 65px rgba(30, 78, 64, .24), inset 0 1px 1px #fff !important;
}

html[data-home-theme="forest-glass"] .feature-icon,
html[data-home-theme="forest-glass"] .feature-card.ai-card .feature-icon {
  border-color: #568f7c;
  box-shadow: 0 0 22px rgba(83, 151, 129, .22);
}

html[data-home-theme="forest-glass"] .feature-icon::before,
html[data-home-theme="forest-glass"] .feature-card.ai-card .feature-icon::before {
  border-color: rgba(74, 133, 114, .7);
}

html[data-home-theme="forest-glass"] .feature-card.ai-card .feature-icon::after {
  background: #72aa97;
  box-shadow: 0 0 18px rgba(94, 158, 137, .42);
}

html[data-home-theme="forest-glass"] .feature-line {
  background: #5c9b86;
  box-shadow: 0 0 13px rgba(92, 155, 134, .34);
}

html[data-home-theme="forest-glass"] :is(.gateway-modal, .auth-modal, .modal, .preview-modal, .edit-modal, .clip-modal) {
  background: rgba(31, 63, 54, .28) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

html[data-home-theme="forest-glass"] .settings-tabs {
  border-color: rgba(54, 112, 95, .18);
  background: rgba(76, 112, 102, .12);
}

html[data-home-theme="forest-glass"] .settings-content {
  background: rgba(255, 255, 255, .2);
}

html[data-home-theme="forest-glass"] .setting-group {
  border-color: rgba(54, 112, 95, .2);
  background: rgba(255, 255, 255, .46);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

html[data-home-theme="forest-glass"] .setting-row {
  border-color: rgba(54, 112, 95, .14);
}

html[data-home-theme="forest-glass"] .setting-copy strong {
  color: #214f41;
}

html[data-home-theme="forest-glass"] .setting-switch span {
  background: rgba(65, 104, 93, .34);
}

html[data-home-theme="forest-glass"] .setting-switch input:checked + span {
  background: linear-gradient(90deg, #4b8d77, #72ad98) !important;
  box-shadow: 0 0 14px rgba(69, 132, 111, .24) !important;
}

html[data-home-theme="forest-glass"] .settings-status {
  color: #2f7f6b;
}

html[data-home-theme="forest-glass"] :is(.auth-submit, .auth-tab.is-active) {
  border-color: #2f7f6b !important;
  color: #fff !important;
  background: linear-gradient(135deg, #46977f, #2c725f) !important;
  box-shadow: 0 8px 20px rgba(47, 127, 107, .2) !important;
}

html[data-home-theme="forest-glass"] :is(.auth-close, .gateway-close):not(.nexora-icon-button) {
  border-color: transparent !important;
  color: #315f51 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* The floating secretary follows the selected theme instead of staying blue-purple. */
html[data-home-theme="forest-glass"] .nexora-float,
html[data-home-theme="forest-glass"] .nexora-float.is-agent {
  border-color: rgba(57, 128, 106, .48) !important;
  background: linear-gradient(145deg, rgba(252, 255, 254, .86), rgba(210, 234, 227, .78)) !important;
  color: #214f41 !important;
  box-shadow: 0 18px 52px rgba(38, 78, 66, .2), inset 0 1px 0 rgba(255, 255, 255, .92) !important;
  backdrop-filter: blur(24px) saturate(1.08);
  -webkit-backdrop-filter: blur(24px) saturate(1.08);
}

html[data-home-theme="forest-glass"] .nexora-float:hover {
  border-color: rgba(52, 135, 108, .68) !important;
  box-shadow: 0 22px 58px rgba(38, 78, 66, .24), inset 0 1px 0 #fff !important;
}


html[data-home-theme="forest-glass"] .nexora-agent-greeting strong,
html[data-home-theme="forest-glass"] .nexora-float-copy strong,
html[data-home-theme="forest-glass"] .nexora-float-brand {
  color: #1e4d3e;
}

html[data-home-theme="forest-glass"] .nexora-agent-greeting span,
html[data-home-theme="forest-glass"] :is(.nexora-float-copy p, .nexora-float-meta, .nexora-float-footer, .nexora-float-empty) {
  color: #617a71;
}

html[data-home-theme="forest-glass"] .nexora-agent-prompts button,
html[data-home-theme="forest-glass"] .nexora-float-tabs button,
html[data-home-theme="forest-glass"] .nexora-float-card,
html[data-home-theme="forest-glass"] .nexora-float-suggestion {
  border-color: rgba(58, 121, 102, .22);
  background: rgba(255, 255, 255, .5);
  color: #214f41;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78);
}

html[data-home-theme="forest-glass"] .nexora-agent-prompts button:hover,
html[data-home-theme="forest-glass"] .nexora-float-tabs button:hover,
html[data-home-theme="forest-glass"] .nexora-float-card:hover,
html[data-home-theme="forest-glass"] .nexora-float-suggestion:hover {
  border-color: rgba(55, 132, 107, .5) !important;
  background: rgba(244, 253, 250, .76) !important;
}

html[data-home-theme="forest-glass"] .nexora-float-query .nexora-float-searchline,
html[data-home-theme="forest-glass"] .nexora-float-suggestions {
  border-color: rgba(55, 127, 104, .36);
  background: linear-gradient(90deg, rgba(255, 255, 255, .72), rgba(213, 237, 229, .66));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 6px 18px rgba(39, 87, 71, .08);
}

html[data-home-theme="forest-glass"] .nexora-float-searchline input {
  color: #214f41;
  background: transparent;
  box-shadow: none;
}


html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-agent-output {
  border-color: rgba(57, 128, 106, .24);
  background: rgba(247, 252, 250, .54);
  color: #214f41;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-agent-output.is-error {
  border-color: rgba(188, 74, 91, .3) !important;
  color: #a23e4d !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-agent-empty,
html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-agent-message-meta {
  color: #6d8880;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-agent-message-bubble {
  border-color: rgba(57, 128, 106, .24) !important;
  color: #214f41 !important;
  background: rgba(255, 255, 255, .56) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-agent-message.is-user .nexora-agent-message-bubble {
  border-color: rgba(55, 132, 107, .42) !important;
  color: #f7fffc !important;
  background: linear-gradient(145deg, rgba(63, 151, 126, .92), rgba(47, 120, 102, .9)) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-agent-live-status {
  border-color: rgba(57, 128, 106, .24);
  background: rgba(221, 242, 235, .64);
  color: #347a65;
  box-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-agent-status-icon {
  color: #256a56;
  background: rgba(57, 140, 118, .16);
}

html[data-home-theme="forest-glass"] .nexora-agent-mic {
  border-color: rgba(255, 255, 255, .86) !important;
  color: #fff !important;
  background: radial-gradient(circle, #78b9a4, #3e806b 72%) !important;
  box-shadow: 0 0 0 6px rgba(82, 145, 124, .14), 0 0 22px rgba(54, 125, 102, .34), inset 0 1px 0 rgba(255, 255, 255, .54) !important;
}


/* Keep icon-only chrome genuinely transparent. The image assets already contain alpha. */
html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-float.is-closed,
html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-float.is-closed:hover {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] :is(
  .nexora-float-launch, .nexora-float-search-collapse,
  .nexora-float-iconbtn:not(.nexora-icon-button)
) {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] :is(
  .nexora-float-launch, .nexora-float-search-collapse
):hover {
  background: transparent !important;
  box-shadow: none !important;
}

/* Home secretary controls need dark icon strokes on the light forest glass. */
html[data-home-theme="forest-glass"] body[data-nexora-page="home"] :is(
  .nexora-float-iconbtn:not(.nexora-icon-button)
) {
  color: #235f4e;
  opacity: 1 !important;
  text-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-float-iconbtn:not(.nexora-icon-button):hover {
  background: rgba(52, 126, 102, .12) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-float-maximize-icon::before,
html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-float-maximize-icon::after {
  background:
    linear-gradient(#2c6a58, #2c6a58) left top / 7px 2px no-repeat,
    linear-gradient(#2c6a58, #2c6a58) left top / 2px 7px no-repeat,
    linear-gradient(#2c6a58, #2c6a58) right top / 7px 2px no-repeat,
    linear-gradient(#2c6a58, #2c6a58) right top / 2px 7px no-repeat;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-agent-mode-icon {
  border-color: #347d67;
  background: rgba(52, 125, 103, .2);
  box-shadow:
    10px 0 0 -1px rgba(52, 125, 103, .2), 10px 0 0 0 #347d67,
    0 10px 0 -1px rgba(155, 119, 61, .18), 0 10px 0 0 #8d713d,
    10px 10px 0 -1px rgba(155, 119, 61, .18), 10px 10px 0 0 #8d713d;
  filter: drop-shadow(0 0 5px rgba(52, 125, 103, .25));
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-float-searchicon {
  border-color: #397762;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-float-searchicon::after {
  background: #397762;
}

/* The search shell provides the glass surface; the native search input must not
   add a second white rectangle inside it. */
html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-float-query .nexora-float-searchline input[type="search"],
html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .nexora-float-compact .nexora-float-searchline input[type="search"] {
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
}

/* Shared work-page palette. It replaces native hard-coded navy panels instead of
   placing a light wallpaper behind them. Media canvases stay dark intentionally. */
html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="file-transfer"], [data-nexora-page="nexdrive"],
  [data-nexora-page="nexdesk"], [data-nexora-page="nexchat"],
  [data-nexora-page="auto-edit"], [data-nexora-page="download"],
  [data-nexora-page="system"]
) {
  --work-surface: rgba(249, 252, 251, .9);
  --work-surface-soft: rgba(232, 243, 239, .84);
  --work-surface-strong: rgba(252, 254, 253, .96);
  --work-line: rgba(48, 108, 91, .23);
  --work-text: #173f34;
  --work-muted: #61776f;
  --work-accent: #2f7f6b;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="file-transfer"], [data-nexora-page="nexdrive"],
  [data-nexora-page="nexdesk"], [data-nexora-page="nexchat"]
) :is(.topbar, .toolbar, .subbar, .sidebar, .pane, .panel, .hero) {
  border-color: var(--work-line) !important;
  background: var(--work-surface) !important;
  color: var(--work-text) !important;
  box-shadow: 0 12px 34px rgba(36, 78, 66, .1) !important;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="file-transfer"], [data-nexora-page="nexdrive"],
  [data-nexora-page="nexdesk"], [data-nexora-page="nexchat"]
) :is(.nav-button, .mode-button, .secondary, .card-actions button, .card-actions a):not(.nexora-nav-circle) {
  border-color: var(--work-line) !important;
  color: #285c4c;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 4px 12px rgba(36, 78, 66, .07);
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="file-transfer"], [data-nexora-page="nexdrive"],
  [data-nexora-page="nexdesk"], [data-nexora-page="nexchat"]
) :is(.primary, button.is-active, .mode-button.is-active):not(:is(.nexora-button,.btn,.gateway-action,.soft-button,.primary-button,.danger-button,.mini-button)) {
  border-color: #2f7f6b !important;
  color: #fff !important;
  background: linear-gradient(135deg, #3f927a, #2d725f) !important;
  box-shadow: 0 7px 18px rgba(47, 127, 107, .2) !important;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="file-transfer"], [data-nexora-page="nexdrive"],
  [data-nexora-page="nexdesk"], [data-nexora-page="nexchat"]
) :is(.danger, .danger-btn, .transfer-delete, .request-delete):not(:is(.nexora-button,.btn,.gateway-action,.soft-button,.primary-button,.danger-button,.mini-button)) {
  border-color: rgba(181, 67, 86, .34) !important;
  color: #a33f51 !important;
  background: rgba(255, 238, 241, .82);
}

/* File transfer: coherent explorer and transfer-center surfaces. */
html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .app, .preview-box, .preview-head
) {
  border-color: var(--work-line) !important;
  color: var(--work-text) !important;
  background: var(--work-surface) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .transfer-material-card, .user-card,
  .transfer-list, .transfer-group, .transfer-group-head, .transfer-group-body,
  .transfer-card, .file-thumb, .share-card, .share-title, .share-body,
  .share-file, .share-folder-node, .share-folder-node > .share-title,
  .share-drop-target, .access-row, .preview-content
) {
  border-color: var(--work-line) !important;
  color: var(--work-text);
  background: rgba(250, 253, 252, .82) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .transfer-list {
  border-color: rgba(46, 101, 85, .24);
  background: rgba(238, 247, 243, .9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .transfer-list > .empty {
  color: #60766f;
  background: rgba(247, 251, 249, .84);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .transfer-head-actions > #transferCount {
  border-color: rgba(46, 101, 85, .26);
  color: #315f51;
  background: rgba(255, 255, 255, .84);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .transfer-material-tabs button, .transfer-material-upload,
  .folder-select-actions button, .share-file-actions button,
  .share-file-actions a, .share-upload, .share-folder-actions button,
  .shared-actions button, .video-toggle
) {
  border-color: var(--work-line) !important;
  color: #285c4c !important;
  background: rgba(255, 255, 255, .78) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .transfer-material-tabs button.is-active, .transfer-material-upload,
  .share-upload
) {
  border-color: rgba(47, 127, 107, .48) !important;
  color: #24624f !important;
  background: rgba(207, 233, 225, .82) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .transfer-material-card .ml-name,
  .transfer-group-head span, .transfer-meta span, .share-title .share-meta,
  .share-file span, .notice, .empty, .share-drop-target,
  .topbar .account
) {
  color: var(--work-muted) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .status, .drop-icon, .group-arrow, .share-upload-progress-label
) {
  color: var(--work-accent);
}

/* Keep the native drag/drop state visible above the forest surface rules. */
html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .transfer-material-library.is-over, .drop-zone.is-over,
  .share-card.is-over, .share-drop-target.is-over
) {
  border-color: #2f7f6b !important;
  color: #174b3d !important;
  background: rgba(196, 228, 217, .94) !important;
  box-shadow:
    0 0 0 3px rgba(47, 127, 107, .16),
    inset 0 0 0 1px rgba(47, 127, 107, .3) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .transfer-material-library.is-over, .drop-zone.is-over, .share-drop-target.is-over
) :is(strong, span, .drop-icon) {
  color: #205b49 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .zoom-stage {
  border: 1px solid rgba(46, 101, 85, .24) !important;
  color: #173f34 !important;
  background-color: #edf5f1 !important;
  background-image:
    linear-gradient(45deg, rgba(86, 137, 121, .1) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(86, 137, 121, .1) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(86, 137, 121, .1) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(86, 137, 121, .1) 75%) !important;
  background-position: 0 0, 0 8px, 8px -8px, -8px 0 !important;
  background-size: 16px 16px !important;
  box-shadow: inset 0 0 42px rgba(36, 78, 66, .06) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .touch-drag-ghost {
  color: #eef8ff !important;
  background: rgba(20, 48, 41, .9) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .preview-modal.is-media .preview-content {
  background: rgba(239, 247, 244, .94) !important;
}

/* NexDesk: light device library and functional workspace with readable states. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .rustdesk-overview, .rustdesk-device-grid, .rustdesk-stage,
  .rustdesk-tool-nav, .rustdesk-tool-workspace, .rustdesk-tool-status,
  .rustdesk-feature-note, .rustdesk-history-panel, .android-controlled-panel,
  .remote-print-hero, .print-form-panel, .print-jobs-panel,
  .media-dialog, .account-card, .status-box, .request-card, .android-native-tools,
  .android-controlled-card, .rustdesk-history-item, .print-job-card
) {
  border-color: var(--work-line) !important;
  color: var(--work-text) !important;
  background: var(--work-surface) !important;
  box-shadow: 0 12px 32px rgba(36, 78, 66, .09) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .rustdesk-device-card, .rustdesk-option, .rustdesk-tool-button,
  .desk-mode-switch, .status-box, .request-route, .print-file-drop
) {
  border-color: var(--work-line) !important;
  color: var(--work-text) !important;
  background: rgba(252, 254, 253, .82) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .rustdesk-device-card:hover, .rustdesk-device-card.is-active,
  .rustdesk-tool-button:hover, .rustdesk-tool-button.is-active
) {
  border-color: rgba(47, 127, 107, .56) !important;
  color: #174b3d !important;
  background: rgba(213, 237, 230, .9) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .rustdesk-device-password, .rustdesk-device-id,
  .rustdesk-tool-heading small, .print-job-status
) {
  color: #27725e;
  text-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .rustdesk-device-meta.is-warning {
  color: #b4572e !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .rustdesk-device-meta, .rustdesk-overview p, .rustdesk-tool-heading p,
  .rustdesk-tool-status-copy span, .rustdesk-option-copy span,
  .rustdesk-history-item span, .print-job-card span,
  .android-controlled-card span, .remote-print-hero p,
  .account-meta, .status-box span
) {
  color: var(--work-muted) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .android-native-tools :is(strong, span) {
  color: var(--work-text);
  text-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .android-native-tools span {
  color: var(--work-muted) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .rustdesk-tool-nav h2, .rustdesk-tool-copy strong,
  .rustdesk-tool-heading h2, .rustdesk-tool-status-copy strong
) {
  color: var(--work-text);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .rustdesk-copy-button, .rustdesk-config-actions button,
  .rustdesk-stage-actions button, .rustdesk-history-tabs button,
  .rustdesk-history-actions button, .rustdesk-history-actions a,
  .native-actions button
) {
  border-color: var(--work-line) !important;
  color: #285c4c !important;
  background: rgba(255, 255, 255, .76) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .rustdesk-history-tabs button.is-active, .rustdesk-tool-button.is-active
) {
  border-color: #2f7f6b !important;
  color: #fff !important;
  background: linear-gradient(135deg, #3f927a, #2d725f) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .remote-shell {
  border-color: rgba(40, 88, 75, .32);
  background: rgba(235, 244, 241, .9);
  color: var(--work-text);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .remote-shell :is(strong, span) {
  color: inherit;
}

/* NexDesk extension and collaboration dialogs were originally standalone dark
   components. In the forest theme they share the same readable workspace
   surfaces as the rest of NexDesk instead of retaining a second dark skin. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .nd-extension-dialog, .nd-link-dialog
) {
  border-color: rgba(48, 108, 91, .34) !important;
  color: #173f34 !important;
  background: rgba(239, 248, 245, .98) !important;
  box-shadow: 0 24px 72px rgba(29, 62, 53, .28) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .nd-extension-dialog::backdrop,
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .nd-link-dialog::backdrop {
  background: rgba(31, 52, 47, .38) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .nd-extension-head, .nd-link-head, .nd-extension-active, .nd-link-active
) {
  border-color: rgba(48, 108, 91, .22) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .nd-extension-head small, .nd-link-head small, .nd-extension-source span,
  .nd-link-source span, .nd-extension-device-name small, .nd-link-device-name small,
  .nd-extension-note, .nd-link-note, .nd-extension-session small,
  .nd-link-session small, .nd-link-status, .nd-link-drop-note
) {
  color: #60766f !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .nd-extension-source, .nd-link-source, .nd-extension-device, .nd-link-device,
  .nd-extension-session, .nd-link-session, .nd-extension-empty, .nd-link-empty
) {
  border-color: rgba(48, 108, 91, .24) !important;
  color: #173f34 !important;
  background: rgba(252, 254, 253, .86) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .nd-extension-device.is-selected, .nd-link-device.is-selected
) {
  border-color: rgba(47, 127, 107, .62) !important;
  background: rgba(216, 239, 232, .94) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .nd-extension-source b, .nd-link-source b, .nd-link-drop-note.has-file
) {
  color: #26735f !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .nd-extension-device input[type="password"], .nd-extension-device select,
  .nd-link-device input[type="password"], .nd-link-device select
) {
  border-color: rgba(48, 108, 91, .28) !important;
  color: #173f34 !important;
  background: rgba(255, 255, 255, .9) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .nd-extension-close, .nd-link-close, .nd-extension-actions button,
  .nd-link-actions button, .nd-extension-session button, .nd-link-session button
):not(.nexora-icon-button) {
  border-color: rgba(47, 127, 107, .34) !important;
  color: #235b4b !important;
  background: rgba(255, 255, 255, .84) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .nd-extension-actions .primary, .nd-link-actions .primary
):not(:is(.nexora-button,.btn,.gateway-action,.soft-button,.primary-button,.danger-button,.mini-button)) {
  border-color: rgba(47, 127, 107, .58) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #4b9a83, #337863) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .rustdesk-feature-note span, .android-controlled-actions button
) {
  border-color: rgba(47, 127, 107, .3);
  color: #285c4c;
  background: rgba(247, 252, 250, .86);
  box-shadow: 0 4px 12px rgba(36, 78, 66, .06);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .android-controlled-actions button:not(:disabled):hover {
  border-color: #2f7f6b !important;
  color: #174b3d !important;
  background: #dcefe9 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .android-controlled-actions button:disabled {
  color: #748a83 !important;
  background: rgba(229, 238, 235, .82) !important;
  opacity: .72 !important;
}

/* The remote image remains black for accurate video presentation; only the
   surrounding controls use the forest workspace palette. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk-session"] :is(
  .session-bar, .session-footer
) {
  border-color: rgba(48, 108, 91, .25);
  color: #173f34;
  background: rgba(235, 246, 242, .94);
  box-shadow: 0 6px 20px rgba(36, 78, 66, .09);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk-session"] :is(
  .session-title span, .session-title span i, .session-stats,
  .text-command label, .log-head span, .session-log ol
) {
  color: #60766f;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk-session"] :is(
  .session-title strong, .session-stats b, .log-head strong
) {
  color: #173f34;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk-session"] :is(
  .session-actions button, .session-stats select, .session-stats .stream-lock,
  .control-rail button, .text-command input, .text-command button
) {
  border-color: rgba(47, 127, 107, .32) !important;
  color: #285c4c !important;
  background: rgba(250, 253, 252, .9) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk-session"] .control-rail button span {
  color: #285c4c;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk-session"] .session-log {
  border-color: rgba(48, 108, 91, .24);
  color: #173f34;
  background: rgba(249, 253, 251, .82);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk-session"] .session-actions .danger,
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk-session"] .control-rail .danger:not(:is(.nexora-button,.btn,.gateway-action,.soft-button,.primary-button,.danger-button,.mini-button)) {
  border-color: rgba(198, 84, 102, .42) !important;
  color: #a43d50 !important;
  background: rgba(255, 242, 245, .9) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .remote-image, .media-preview, .remote-shell:fullscreen
) {
  color: #eef8ff !important;
  background: #000 !important;
}

/* NexDrive and chat keep their information hierarchy while using the new palette. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] :is(
  .drive-shell, .file-viewport, .selection-bar, .upload-drawer,
  .storage-item, .file-card, .file-row, .dialog-card,
  .context-menu, .sheet-card
),
html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .chat-shell, .chat-list, .chat-item, .conversation, .messages,
  .composer, .contact-card, .dialog-card, .account-card
) {
  border-color: var(--work-line) !important;
  color: var(--work-text) !important;
  background: var(--work-surface) !important;
  box-shadow: 0 12px 32px rgba(36, 78, 66, .09) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] :is(
  .categories button, .storage-item, .file-card, .file-row
),
html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .chat-item, .contact-card, .bubble
) {
  border-color: var(--work-line) !important;
  color: var(--work-text) !important;
  background: rgba(251, 254, 253, .82) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] .bubble.mine {
  color: #17483a !important;
  background: rgba(202, 233, 223, .92) !important;
}

/* Office/download pages: glass chrome, solid white editing/document surfaces. */
html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="nexword"], [data-nexora-page="nexexcel"],
  [data-nexora-page="nexoffice"], [data-nexora-page="auto-edit"],
  [data-nexora-page="download"], [data-nexora-page="features"],
  [data-nexora-page="ai"], [data-nexora-page="system"]
) :is(.topbar, .titlebar, .toolbar, .ribbon, .statusbar, .sidebar, .panel, .card) {
  border-color: rgba(48, 108, 91, .23) !important;
  color: #173f34 !important;
  background: rgba(249, 252, 251, .9) !important;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="nexword"], [data-nexora-page="nexexcel"]
) :is(.paper, .document-page, .sheet, .worksheet, .grid-canvas, .cell-editor) {
  color: #202a26 !important;
  background: #fff;
}



@media (max-width: 760px) {
  html[data-home-theme="forest-glass"] .feature-row {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html[data-home-theme="forest-glass"] .feature-card,
html[data-home-theme="forest-glass"] .feature-card.ai-card {
    border-radius: 28px !important;
  }

  html[data-home-theme="forest-glass"] .topbar {
    background: rgba(248, 251, 250, .9) !important;
  }
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] #copyRustDeskId {
  border-color: rgba(62, 111, 98, .3) !important;
  color: #285c4c;
  background: rgba(244, 249, 247, .94) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .62) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] #copyRustDeskId:not(:disabled):hover {
  border-color: #2f7f6b !important;
  color: #174b3d !important;
  background: #d8eee7 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] #copyRustDeskId:disabled {
  color: #60776f !important;
  opacity: .82 !important;
}

/* Android WebView may keep a desktop-sized viewport, but its top-level nav is
   still touch driven. Remove the transient blue/white tap plate without
   changing the persistent active tab colour or underline. */
html[data-layout="mobile"] body[data-nexora-page] .main-nav :is(a, button) {
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent !important;
  touch-action: manipulation;
}

html[data-layout="mobile"] body[data-nexora-page] .main-nav :is(a, button):is(:active, :focus) {
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

@media (hover: none), (pointer: coarse) {
  body[data-nexora-page] .main-nav :is(a, button) {
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: transparent !important;
    touch-action: manipulation;
  }

  body[data-nexora-page] .main-nav :is(a, button):is(:active, :focus) {
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-home-theme="forest-glass"] .feature-card {
    transition: none !important;
  }
}

/* Readability pass for every non-home work page. Native pages were originally
   dark, so their white labels and disabled controls need explicit light-theme states. */
html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="features"], [data-nexora-page="ai"],
  [data-nexora-page="file-transfer"], [data-nexora-page="nexdrive"],
  [data-nexora-page="nexdesk"], [data-nexora-page="nexchat"],
  [data-nexora-page="nexword"], [data-nexora-page="nexexcel"],
  [data-nexora-page="nexoffice"], [data-nexora-page="auto-edit"],
  [data-nexora-page="download"], [data-nexora-page="system"]
) button:not(.feature-card):not(:is(.nexora-button,.btn,.gateway-action,.soft-button,.primary-button,.danger-button,.mini-button)) {
  color: #214f41;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="features"], [data-nexora-page="ai"],
  [data-nexora-page="file-transfer"], [data-nexora-page="nexdrive"],
  [data-nexora-page="nexdesk"], [data-nexora-page="nexchat"],
  [data-nexora-page="nexword"], [data-nexora-page="nexexcel"],
  [data-nexora-page="nexoffice"], [data-nexora-page="auto-edit"],
  [data-nexora-page="download"], [data-nexora-page="system"]
) button:disabled:not(:is(.nexora-button,.btn,.gateway-action,.soft-button,.primary-button,.danger-button,.mini-button)) {
  border-color: rgba(77, 103, 95, .2) !important;
  color: #65766f !important;
  background: rgba(221, 228, 225, .94) !important;
  box-shadow: none !important;
  opacity: .78 !important;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="file-transfer"], [data-nexora-page="nexdrive"],
  [data-nexora-page="nexdesk"], [data-nexora-page="nexchat"],
  [data-nexora-page="nexword"], [data-nexora-page="nexexcel"],
  [data-nexora-page="auto-edit"]
) :is(.primary, .primary-action):not(:disabled):not(:is(.nexora-button,.btn,.gateway-action,.soft-button,.primary-button,.danger-button,.mini-button)) {
  border-color: #2c725f !important;
  color: #fff !important;
  background: linear-gradient(135deg, #46977f, #2c725f) !important;
  box-shadow: 0 7px 18px rgba(47, 127, 107, .2) !important;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="file-transfer"], [data-nexora-page="nexdrive"],
  [data-nexora-page="nexdesk"], [data-nexora-page="nexchat"],
  [data-nexora-page="nexword"], [data-nexora-page="nexexcel"],
  [data-nexora-page="auto-edit"]
) :is(.ghost, .secondary):not(:disabled) {
  border-color: rgba(48, 108, 91, .28) !important;
  color: #285c4c !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 4px 12px rgba(36, 78, 66, .07) !important;
}

/* NexWord keeps an Office-style colored title bar so its white iconography
   never disappears into a pale surface. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .app {
  border-radius: 0 !important;
  background: rgba(241, 247, 245, .92) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .titlebar {
  border-color: rgba(31, 83, 68, .34) !important;
  color: #fff !important;
  background: linear-gradient(90deg, #276653, #3d8b73) !important;
  box-shadow: 0 5px 18px rgba(31, 83, 68, .16) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .titlebar :is(
  .app-name, .save-state, .doc-title
) {
  color: #fff !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .titlebar :is(.nav, .title-action):not(.nexora-nav-circle) {
  border-color: rgba(255, 255, 255, .34) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, .12) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .titlebar .doc-title {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .08) !important;
  -webkit-text-fill-color: #fff;
  opacity: 1 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .tabs {
  color: #fff !important;
  background: #204f42 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .tab {
  color: rgba(255, 255, 255, .82) !important;
  background: transparent !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .tab.is-active {
  color: #1e4d3e !important;
  background: #fff !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] :is(
  .ribbon, .sidebar, .doc-command-bar, .statusbar
) {
  border-color: rgba(48, 108, 91, .2) !important;
  color: #263d35 !important;
  background: rgba(249, 252, 251, .96) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] :is(
  .tool, .tool-select, .secondary, .view-button
) {
  border-color: rgba(48, 108, 91, .2) !important;
  color: #263d35 !important;
  background: rgba(255, 255, 255, .86) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] :is(
  .tool:hover, .tool.is-active, .view-button:hover, .view-button.is-active
) {
  border-color: rgba(47, 127, 107, .4) !important;
  color: #205b49 !important;
  background: rgba(215, 237, 230, .92) !important;
}

/* NexOffice navigation icons were using dark-theme button fills. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexoffice"]::before {
  background: rgba(239, 247, 244, .16) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexoffice"] :is(.page, .topbar) {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexoffice"] :is(.back, .home):not(.nexora-nav-circle) {
  border-color: rgba(48, 108, 91, .32) !important;
  color: #214f41 !important;
  background: rgba(255, 255, 255, .8) !important;
  box-shadow: 0 5px 16px rgba(36, 78, 66, .1) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexoffice"] .section-title {
  color: #315f51 !important;
}

/* NexExcel title and ribbon controls. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .titlebar {
  border-color: rgba(31, 83, 68, .34) !important;
  color: #fff !important;
  background: linear-gradient(90deg, #276653, #3d8b73) !important;
  box-shadow: 0 5px 18px rgba(31, 83, 68, .16) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .titlebar :is(
  strong, .save-state, .workbook-name span
) {
  color: #fff !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .titlebar :is(
  .icon-button, .primary
):not(.nexora-nav-circle):not(:is(.nexora-button,.btn,.gateway-action,.soft-button,.primary-button,.danger-button,.mini-button)) {
  border-color: rgba(255, 255, 255, .34) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, .12) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .workbook-name input {
  border-color: rgba(255, 255, 255, .24) !important;
  color: #173f34 !important;
  background: rgba(255, 255, 255, .9) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] :is(
  .workbook-strip, .ribbon-tabs, .ribbon, .formula-bar, .sheetbar, .statusbar
) {
  border-color: rgba(48, 108, 91, .2) !important;
  color: #263d35 !important;
  background: rgba(249, 252, 251, .96) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] :is(
  .ribbon-tabs button, .ribbon button, .tool-group button,
  .workbook-strip button, .sheetbar button
) {
  border-color: rgba(48, 108, 91, .22) !important;
  color: #263d35 !important;
  background: rgba(255, 255, 255, .84) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] :is(
  .ribbon-tabs button.active, .ribbon button.active, .format-button.active
) {
  border-color: rgba(47, 127, 107, .45) !important;
  color: #205b49 !important;
  background: rgba(211, 236, 228, .96) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] #stripNewButton,
html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .workbook-delete {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Automatic editing workspace: replace every retained navy/grey inner surface. */










/* NexDesk: remove the last dark-theme header strips and action buttons. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .top-actions button {
  border-color: rgba(48, 108, 91, .28) !important;
  color: #214f41 !important;
  background: rgba(255, 255, 255, .84) !important;
  box-shadow: 0 5px 16px rgba(36, 78, 66, .09) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .panel-head, .request-head, .control-head
) {
  border-color: rgba(48, 108, 91, .22);
  color: #173f34;
  background: rgba(230, 241, 237, .94);
  box-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .panel-head h2, .panel-head strong, .request-head h2, .control-head h2
) {
  color: #173f34;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .hero p, .remote-note, .panel-head span, .request-head span, .control-head span
) {
  color: #5c7169;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .panel-body {
  border-color: rgba(48, 108, 91, .18) !important;
  color: #263d35 !important;
  background: rgba(255, 255, 255, .36) !important;
}

/* NexChat: the chat chrome retained several navy fills from the default theme. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .chat, .chat-head, .composer-wrap, .composer, .tool-panel,
  .chat-info-card, .chat-info-head, .chat-info-body
) {
  border-color: rgba(48, 108, 91, .22);
  color: #263d35 !important;
  background: rgba(249, 252, 251, .94);
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .back, .icon-btn, .chat-more, .mobile-back, .voice-hold
):not(.nexora-nav-circle) {
  border-color: rgba(48, 108, 91, .28) !important;
  color: #214f41 !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 4px 12px rgba(36, 78, 66, .07) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .chat-head strong, .chat-info-head strong, .info-section-title,
  .bubble strong, .tool strong
) {
  color: #173f34;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .title span, .preview, .meta, .time, .message-meta, .sender-name,
  .empty, .chat-owner, .clear-history-note, .result
) {
  color: #60766f;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .chat-item:hover, .chat-item.is-active
) {
  border-color: rgba(47, 127, 107, .3) !important;
  color: #173f34 !important;
  background: rgba(215, 237, 230, .82) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .composer textarea, .info-input, .member-chip, .pick-user
) {
  border-color: rgba(48, 108, 91, .24) !important;
  color: #263d35 !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .tool, .tool:hover
) {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] .tool-icon {
  border-color: rgba(255, 255, 255, .82);
  background: radial-gradient(circle at 35% 26%, rgba(255, 255, 255, .98), rgba(230, 244, 239, .94) 58%, rgba(190, 222, 210, .86));
  box-shadow: 0 8px 18px rgba(38, 83, 69, .16), inset 0 2px 3px rgba(255, 255, 255, .98), inset 0 -3px 7px rgba(43, 112, 91, .12);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .send, .info-btn
):not(:disabled) {
  border-color: #2f7f6b !important;
  color: #fff !important;
  background: linear-gradient(135deg, #46977f, #2c725f) !important;
  box-shadow: 0 6px 16px rgba(47, 127, 107, .16) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] .mine .bubble {
  border-color: rgba(47, 127, 107, .28) !important;
  color: #173f34 !important;
  background: rgba(211, 236, 228, .94) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .voice-overlay, .voice-status
) {
  color: #fff;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] .file-drop-overlay {
  border-color: #2f7f6b;
  background: rgba(205, 232, 223, .94);
  box-shadow:
    0 0 0 4px rgba(47, 127, 107, .15),
    inset 0 0 0 1px rgba(47, 127, 107, .28);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] .file-drop-box {
  border-color: rgba(47, 127, 107, .36);
  color: #173f34;
  background: rgba(244, 250, 247, .94);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] .file-drop-box :is(
  strong, .file-drop-icon
) {
  color: #205b49;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] .file-drop-box :is(
  span, .file-drop-progress-detail
) {
  color: #60766f !important;
}

/* NexDesk file collaboration uses the same drag target language. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .nd-link-device.is-dragover {
  border-color: #2f7f6b !important;
  color: #173f34 !important;
  background: rgba(196, 228, 217, .94) !important;
  box-shadow:
    0 0 0 3px rgba(47, 127, 107, .16),
    inset 0 0 0 1px rgba(47, 127, 107, .3) !important;
}

/* Settings modal: every category remains readable on the frosted sidebar. */
html[data-home-theme="forest-glass"] .settings-tab {
  border-color: transparent;
  color: #315f51;
  background: transparent;
  -webkit-text-fill-color: #315f51;
  opacity: 1 !important;
}

html[data-home-theme="forest-glass"] .settings-tab:is(:hover, .is-active) {
  border-color: rgba(47, 127, 107, .38) !important;
  color: #173f34 !important;
  background: rgba(211, 236, 228, .86) !important;
  -webkit-text-fill-color: #173f34 !important;
  box-shadow: 0 5px 14px rgba(36, 78, 66, .08) !important;
}

html[data-home-theme="forest-glass"] :is(
  .settings-panel h3, .gateway-head strong, .gateway-title
) {
  color: #173f34;
}

html[data-home-theme="forest-glass"] :is(
  .settings-panel-copy, .setting-copy span
) {
  color: #60766f;
}

html[data-home-theme="forest-glass"] :is(
  .secretary-admin-note > div, .admin-cache-scope,
  .nexdrive-storage-stats, .nexdrive-storage-user
) {
  border-color: rgba(46, 101, 85, .22);
  color: #214f41;
  background: rgba(247, 251, 249, .9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 4px 12px rgba(36, 78, 66, .05);
}

html[data-home-theme="forest-glass"] :is(
  .secretary-admin-note strong, .admin-cache-head strong,
  .admin-cache-scope strong, .nexdrive-storage-head strong,
  .nexdrive-storage-user strong
) {
  color: #214f41;
}

html[data-home-theme="forest-glass"] :is(
  .secretary-admin-note span, .secretary-admin-state,
  .admin-cache-head span, .admin-cache-scope span,
  .admin-cache-size, .admin-cache-total,
  .nexdrive-storage-head span, .nexdrive-storage-user-head span
) {
  color: #60766f !important;
}

html[data-home-theme="forest-glass"] .nexdrive-category-stats span {
  color: #315f51 !important;
  background: rgba(205, 231, 222, .76) !important;
}

html[data-home-theme="forest-glass"] :is(
  .setting-select, .api-control input
) {
  border-color: rgba(46, 101, 85, .3);
  color: #214f41;
  background: rgba(250, 253, 252, .96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

html[data-home-theme="forest-glass"] :is(.setting-select, .api-control input):disabled {
  color: #6f837c !important;
  background: rgba(230, 239, 235, .96) !important;
  opacity: 1 !important;
}

html[data-home-theme="forest-glass"] .setting-select option {
  color: #214f41;
  background: #f3f8f6;
}

html[data-home-theme="forest-glass"] :is(.api-key-lock, .api-key-test, .admin-cache-open) {
  border-color: rgba(47, 127, 107, .34);
  color: #285c4c;
  background: rgba(224, 240, 234, .96);
  box-shadow: 0 3px 10px rgba(36, 78, 66, .06);
}

html[data-home-theme="forest-glass"] :is(.api-key-clear, .admin-cache-clear) {
  border-color: rgba(181, 67, 86, .32);
  color: #963b4b;
  background: rgba(255, 242, 244, .96);
  box-shadow: 0 3px 10px rgba(111, 48, 61, .05);
}

html[data-home-theme="forest-glass"] :is(.api-key-state, .secretary-admin-state) {
  color: #398c76;
}

/* Feature/AI page navigation: replace the old navy square controls. */
html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="features"], [data-nexora-page="ai"]
) .nav-mini button:not(.nexora-nav-circle) {
  border-color: rgba(48, 108, 91, .3) !important;
  color: #214f41 !important;
  background: rgba(255, 255, 255, .84) !important;
  box-shadow: 0 5px 16px rgba(36, 78, 66, .09) !important;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="features"], [data-nexora-page="ai"]
) .nav-mini button:hover:not(.nexora-nav-circle) {
  border-color: rgba(47, 127, 107, .48) !important;
  color: #173f34 !important;
  background: rgba(215, 237, 230, .94) !important;
}

/* Shared desktop/mobile selector used by the homepage header. */
html[data-home-theme="forest-glass"] .device-mode-switch {
  border-color: rgba(48, 108, 91, .26);
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: 0 5px 16px rgba(36, 78, 66, .08) !important;
}

html[data-home-theme="forest-glass"] .device-mode-switch button {
  color: #315f51;
  background: transparent;
  -webkit-text-fill-color: #315f51;
  opacity: 1 !important;
}

html[data-home-theme="forest-glass"] .device-mode-switch button.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #46977f, #2c725f) !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(47, 127, 107, .36);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .panel-head button {
  border-color: rgba(48, 108, 91, .28);
  color: #214f41;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 4px 12px rgba(36, 78, 66, .07);
}

/* Forest surface hierarchy v2.
   Layout wrappers stay transparent; only real controls and content cards float. */
html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="nexoffice"], [data-nexora-page="features"],
  [data-nexora-page="ai"]
) .nav-mini,
html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="nexoffice"], [data-nexora-page="features"],
  [data-nexora-page="ai"], [data-nexora-page="auto-edit"],
  [data-nexora-page="file-transfer"]
) .topbar {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Automatic editing: distinct base, raised card and inset-workspace tones. */





/* Screenshot tools are controls and an empty-state preview, not video canvases.
   Keep them in the forest glass palette instead of inheriting the native navy UI. */













/* File transfer: remove the page-sized white slab and separate work areas. */
html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .app {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .transfer-material-library {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .transfer-material-grid {
  border: 1px dashed rgba(47, 127, 107, .56);
  background: transparent;
  background-image: none;
  box-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .transfer-material-delete {
  border-color: rgba(181, 67, 86, .38) !important;
  color: #a33f51 !important;
  background: rgba(255, 239, 242, .96) !important;
  box-shadow: 0 2px 7px rgba(140, 55, 70, .12) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .transfer-material-delete:hover {
  border-color: rgba(181, 67, 86, .58) !important;
  color: #8f3043 !important;
  background: rgba(255, 222, 229, .98) !important;
  box-shadow: 0 3px 9px rgba(140, 55, 70, .16) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .transfer-material-download {
  border-color: rgba(47, 127, 107, .38) !important;
  color: #2f7f6b !important;
  background: rgba(241, 249, 246, .97) !important;
  box-shadow: 0 2px 7px rgba(36, 78, 66, .12) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .transfer-material-download:hover {
  border-color: rgba(47, 127, 107, .58) !important;
  color: #205b49 !important;
  background: rgba(215, 237, 230, .98) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .transfer-head-actions .batch-download, .shared-actions .batch-download
) {
  border-color: rgba(47, 127, 107, .32);
  color: #285c4c;
  background: rgba(235, 246, 242, .92);
  box-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .transfer-head-actions .clear-all, .shared-actions .clear-all
) {
  border-color: rgba(181, 67, 86, .28) !important;
  color: #963b4b !important;
  background: rgba(255, 242, 244, .9) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .transfer-head-actions .batch-download, .shared-actions .batch-download
):not(:disabled):hover {
  border-color: rgba(47, 127, 107, .5) !important;
  background: rgba(211, 236, 228, .96) !important;
  box-shadow: 0 3px 9px rgba(36, 78, 66, .08) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .transfer-head-actions .clear-all, .shared-actions .clear-all
):not(:disabled):hover {
  border-color: rgba(181, 67, 86, .48) !important;
  background: rgba(255, 228, 233, .96) !important;
  box-shadow: 0 3px 9px rgba(140, 55, 70, .1) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .transfer-head-actions button, .shared-actions button
):disabled {
  border-color: rgba(80, 113, 103, .2) !important;
  color: #748b84 !important;
  background: rgba(237, 244, 241, .82) !important;
  box-shadow: none !important;
  opacity: .72 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .workspace > .pane:nth-child(2), .shared-pane
) {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .workspace > .pane:nth-child(1), .history-pane
) {
  border-color: rgba(46, 101, 85, .22) !important;
  background: rgba(230, 241, 237, .5) !important;
  background-image: none !important;
  box-shadow: 0 8px 22px rgba(36, 78, 66, .05) !important;
  backdrop-filter: blur(10px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.06) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .send-panel {
  border-color: transparent;
  background: transparent;
  background-image: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .drop-zone {
  border-color: rgba(46, 101, 85, .3);
  background: transparent;
  background-image: none;
  box-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .transfer-material-card, .user-card,
  .transfer-card, .share-card, .share-file
) {
  border-color: rgba(46, 101, 85, .23);
  background: rgba(249, 252, 251, .86);
  box-shadow: none;
}

/* NexDrive: tinted navigation rail, transparent shell and raised file cards. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .drive-shell {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .sidebar {
  border-color: rgba(46, 101, 85, .22) !important;
  background: rgba(218, 235, 229, .88) !important;
  box-shadow: 8px 0 24px rgba(36, 78, 66, .08) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] :is(
  .file-viewport, .selection-bar, .upload-drawer, .toolbar
) {
  border-color: rgba(46, 101, 85, .2) !important;
  background: rgba(232, 243, 239, .76) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .categories button {
  border-color: transparent !important;
  color: #315f51 !important;
  background: rgba(255, 255, 255, .18) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .categories button:hover {
  border-color: rgba(47, 127, 107, .18) !important;
  background: rgba(215, 237, 230, .7) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .categories button.active {
  border-color: rgba(47, 127, 107, .34) !important;
  color: #174b3d !important;
  background: rgba(197, 227, 217, .88) !important;
  box-shadow: inset 3px 0 0 #3e8e79 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] :is(
  .file-card, .file-row, .storage-item
) {
  border-color: rgba(46, 101, 85, .23) !important;
  background: rgba(249, 252, 251, .9) !important;
  box-shadow: 0 8px 20px rgba(36, 78, 66, .07) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .file-card .more {
  border: 1px solid rgba(46, 101, 85, .3) !important;
  color: #285c4c !important;
  background: rgba(220, 238, 232, .96) !important;
  box-shadow: 0 4px 12px rgba(36, 78, 66, .12) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .file-card .more:hover {
  border-color: rgba(47, 127, 107, .5) !important;
  color: #174b3d !important;
  background: rgba(196, 228, 217, .98) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .file-viewport.dragging .drop-hint {
  border-color: #2f7f6b !important;
  color: #174b3d !important;
  background: rgba(205, 232, 223, .94) !important;
  box-shadow:
    0 0 0 4px rgba(47, 127, 107, .15),
    inset 0 0 0 1px rgba(47, 127, 107, .28) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .file-viewport.dragging .drop-hint span {
  color: #4f695f !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] :is(
  .file-name, .empty-state strong, .move-tree-heading strong,
  .share-user span, .upload-name, .upload-meta strong
) {
  color: #173f34;
  text-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] :is(
  .file-meta, .empty-state span, .move-tree-heading small,
  .share-user small, .upload-meta span
) {
  color: #60766f;
  text-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .move-tree {
  border-color: rgba(46, 101, 85, .26) !important;
  background: rgba(233, 244, 239, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .move-tree-row {
  color: #315f51 !important;
  background: transparent !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .move-tree-row:hover {
  background: rgba(205, 231, 222, .74) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .move-tree-row.is-selected {
  border-color: #398c76 !important;
  color: #173f34 !important;
  background: linear-gradient(90deg, rgba(186, 222, 210, .94), rgba(221, 242, 235, .92)) !important;
  box-shadow: inset 4px 0 0 #398c76 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .move-tree-toggle {
  color: #66877d !important;
  background: transparent !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .move-tree-toggle:hover {
  color: #245c4c !important;
  background: rgba(57, 140, 118, .1) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .preview-content {
  color: #173f34;
  background-color: #edf5f1;
  background-image:
    linear-gradient(45deg, rgba(86, 137, 121, .08) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(86, 137, 121, .08) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(86, 137, 121, .08) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(86, 137, 121, .08) 75%);
  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
  background-size: 16px 16px;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .preview-content :is(.preview-document, .preview-spreadsheet, .document-frame) {
  background-image: none !important;
}

/* NexDesk: floating navigation, tinted work cards and brighter inner controls. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .topbar {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .hero, .panel
) {
  border-color: rgba(46, 101, 85, .23) !important;
  background: rgba(226, 239, 234, .9) !important;
  box-shadow: 0 12px 28px rgba(36, 78, 66, .09) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .panel-body {
  border-color: rgba(46, 101, 85, .17) !important;
  background: rgba(246, 251, 249, .7) !important;
}

/* RustDesk device cards sit directly on the page; the panel must not add a second white plate. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .rustdesk-device-panel,
  .rustdesk-device-panel > .panel-head,
  .rustdesk-device-panel > .panel-body,
  .rustdesk-device-panel .rustdesk-device-grid
) {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .rustdesk-device-card.is-online {
  border-color: rgba(47, 128, 237, .72) !important;
  background: rgba(234, 244, 255, .94) !important;
  box-shadow: inset 0 0 0 1px rgba(47, 128, 237, .16), 0 0 18px rgba(45, 132, 255, .32) !important;
}

body[data-nexora-page="nexdesk"] .rustdesk-device-card {
  overflow: hidden;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 20px !important;
  box-shadow: 0 9px 24px rgba(8, 35, 29, .1) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .rustdesk-device-card:not(.is-online) {
  border-color: rgba(55, 112, 96, .25) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(237, 247, 243, .9)) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .rustdesk-device-card.is-online {
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(240, 248, 255, .97), rgba(224, 241, 255, .94)) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .status-box, .account-card, .request-card, .remote-shell
) {
  border-color: rgba(46, 101, 85, .22) !important;
  background: rgba(249, 252, 251, .88) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .account-card.is-online {
  border-color: rgba(47, 128, 237, .62) !important;
  background: rgba(232, 243, 255, .95) !important;
  box-shadow: inset 4px 0 0 #2f80ed, 0 0 16px rgba(45, 132, 255, .28) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .account-card.is-offline {
  border-color: rgba(103, 121, 114, .24) !important;
  background: rgba(232, 238, 236, .9) !important;
  box-shadow: inset 4px 0 0 #879790 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .account-card .pill {
  border-color: rgba(73, 105, 95, .24);
  color: #506a61;
  background: rgba(255, 255, 255, .7);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .account-card .pill.ok {
  border-color: rgba(35, 163, 113, .38) !important;
  color: #176b4c !important;
  background: rgba(199, 237, 221, .88) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .account-card .pill.status-client.ok {
  border-color: rgba(47, 128, 237, .42) !important;
  color: #205aa8 !important;
  background: rgba(215, 232, 253, .92) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .account-card .pill.warn {
  border-color: rgba(183, 117, 48, .34) !important;
  color: #87531f !important;
  background: rgba(248, 231, 201, .9) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .account-card .dot:not(.online) {
  background: #83958e !important;
  box-shadow: 0 0 0 3px rgba(104, 124, 116, .14) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .account-card .dot.online {
  background: #358cff;
  box-shadow: 0 0 0 3px rgba(53, 140, 255, .18), 0 0 11px rgba(53, 140, 255, .52);
}

/* NexChat: preserve a calm chat canvas without turning every layer pure white. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .topbar, .chat-shell
) {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] .sidebar {
  border-color: rgba(46, 101, 85, .22) !important;
  background: rgba(219, 235, 229, .9) !important;
  box-shadow: 8px 0 24px rgba(36, 78, 66, .07) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .chat, .conversation, .messages
) {
  border-color: rgba(46, 101, 85, .18) !important;
  background: rgba(234, 244, 240, .9) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] .chat-head {
  border-color: rgba(46, 101, 85, .2) !important;
  background: rgba(213, 232, 225, .9) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexchat"] :is(
  .composer-wrap, .composer
) {
  border-color: rgba(46, 101, 85, .2) !important;
  background: rgba(248, 252, 250, .92) !important;
}

/* Feature and AI landing pages use the same full background as the homepage. */
html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="features"], [data-nexora-page="ai"]
) {
  background:
    linear-gradient(180deg, rgba(244, 249, 247, .28), rgba(219, 236, 231, .42)),
    url("assets/images/theme-forest-portal.webp?v=1") center top / cover fixed no-repeat !important;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="features"], [data-nexora-page="ai"]
)::before,
html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="features"], [data-nexora-page="ai"]
)::after {
  opacity: 0 !important;
  background: none !important;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="features"], [data-nexora-page="ai"]
) :is(.page, .nav-mini, .section-title) {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Desktop AI entries reuse the homepage card geometry and content rhythm. */
@media (min-width: 761px) {
  body[data-nexora-page="ai"] .page {
    height: 100dvh !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: 54px minmax(0, 1fr) !important;
    padding-bottom: 28px !important;
    overflow: hidden !important;
  }

  body[data-nexora-page="ai"] .content {
    width: min(940px, 94vw) !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto 58px !important;
    align-items: center !important;
  }

  body[data-nexora-page="ai"] .heading {
    align-self: center;
  }

  body[data-nexora-page="ai"] .feature-grid {
    align-self: end !important;
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 30px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
  }

  body[data-nexora-page="ai"] .feature-card {
    width: 280px !important;
    height: 250px !important;
    min-height: 250px !important;
    flex: 0 0 280px !important;
  }

  body[data-nexora-page="ai"] .feature-inner {
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 18px !important;
    padding: 34px 28px 28px !important;
  }

  body[data-nexora-page="ai"] .feature-title {
    display: block !important;
    margin: 0;
    font-size: 25px;
    font-weight: 500;
  }

  body[data-nexora-page="ai"] .feature-en {
    display: block !important;
    margin: 7px 0 0;
    font-size: 11px;
    letter-spacing: 2px;
  }

  body[data-nexora-page="ai"] .feature-line {
    width: 30px !important;
    height: 2px !important;
    display: block !important;
    border-radius: 999px !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="ai"] .feature-card {
    border-radius: 38px !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="ai"] .feature-line {
    background: #5c9b86 !important;
    box-shadow: 0 0 13px rgba(92, 155, 134, .34) !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="ai"] .feature-card:not(.council-card) .feature-icon {
    position: relative !important;
    border-radius: 0 !important;
    background: transparent !important;
    transform: rotate(30deg) !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="ai"] .feature-card:not(.council-card) .feature-icon::before,
html[data-home-theme="forest-glass"] body[data-nexora-page="ai"] .feature-card:not(.council-card) .feature-icon::after {
    content: "" !important;
    position: absolute !important;
    inset: 11px !important;
    border: 2px solid rgba(74, 133, 114, .7) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="ai"] .feature-card:not(.council-card) .feature-icon::after {
    inset: 22px !important;
    background: rgba(114, 170, 151, .16) !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="ai"] .council-card .feature-icon {
    position: relative !important;
    border-radius: 50% !important;
    background: transparent !important;
    transform: none !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="ai"] .council-card .feature-icon::before,
html[data-home-theme="forest-glass"] body[data-nexora-page="ai"] .council-card .feature-icon::after {
    content: "" !important;
    position: absolute !important;
    inset: 12px !important;
    border: 2px solid rgba(74, 133, 114, .7) !important;
    border-radius: 50% !important;
    background: transparent !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="ai"] .council-card .feature-icon::after {
    inset: 24px !important;
    border: 0 !important;
    background: #72aa97 !important;
    box-shadow: 0 0 18px rgba(94, 158, 137, .42) !important;
  }
}

/* Mobile Office title bars keep every primary action inside the viewport. */
@media (max-width: 640px) {
  html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .titlebar {
    display: grid !important;
    grid-template-columns: 32px 32px minmax(0, 1fr) auto !important;
    grid-template-rows: 40px 36px !important;
    gap: 4px 8px !important;
    min-width: 0 !important;
    min-height: 84px !important;
    padding: 4px 8px !important;
    overflow: hidden !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .titlebar .nav:nth-of-type(1) { grid-column: 1; grid-row: 1; }
  html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .titlebar .nav:nth-of-type(2) { grid-column: 2; grid-row: 1; }
  html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .titlebar .app-name { grid-column: 3; grid-row: 1; align-self: center; min-width: 0; }
  html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .titlebar .title-action { grid-column: 4; grid-row: 1; min-width: 54px; }
  html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .titlebar .doc-title {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    order: initial;
  }
  html[data-home-theme="forest-glass"] body[data-nexora-page="nexword"] .titlebar .save-state { display: none !important; }
}

@media (max-width: 760px) {
  html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .excel-app {
    grid-template-rows: auto 54px 34px auto 38px minmax(0, 1fr) 42px !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .titlebar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 40px 34px !important;
    gap: 4px 8px !important;
    min-width: 0 !important;
    min-height: 82px !important;
    padding: 4px 8px !important;
    overflow: hidden !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .nav-actions {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .title-actions {
    grid-column: 2;
    grid-row: 1;
    display: flex !important;
    min-width: 0;
    gap: 5px !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .title-actions #shareButton {
    display: inline-flex !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .title-actions .primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 7px !important;
    font-size: 10px !important;
    white-space: nowrap;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .workbook-name {
    grid-column: 1 / -1;
    grid-row: 2;
    display: block !important;
    min-width: 0 !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="nexexcel"] .workbook-name input {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Shared explorer follows the active pale forest workspace instead of keeping
   the retired nested tree's dark surfaces. */
html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .share-grid, .share-explorer, .share-explorer-list
) {
  border-color: rgba(46, 101, 85, .25);
  color: #183f34;
  background: rgba(239, 247, 244, .76);
  background-image: none;
  box-shadow: 0 10px 26px rgba(36, 78, 66, .07);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .share-explorer-nav, .share-explorer-toolbar
) {
  border-color: rgba(46, 101, 85, .22);
  color: #244f42;
  background: rgba(226, 240, 235, .94);
  background-image: none;
  box-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .share-explorer-back, .share-breadcrumb button,
  .share-explorer-toolbar button, .explorer-folder-actions button
) {
  border-color: rgba(47, 127, 107, .32);
  color: #285c4c;
  background: rgba(249, 253, 251, .9);
  box-shadow: 0 2px 6px rgba(36, 78, 66, .04);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .share-explorer-back, .share-breadcrumb button,
  .share-explorer-toolbar button, .explorer-folder-actions button
):not(:disabled):hover,
html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-breadcrumb button[aria-current="page"] {
  border-color: rgba(47, 127, 107, .5) !important;
  color: #174b3d !important;
  background: rgba(204, 231, 222, .96) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-explorer-back:disabled {
  border-color: rgba(80, 113, 103, .16) !important;
  color: #7b9089 !important;
  background: rgba(238, 245, 242, .78) !important;
  opacity: .72 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .explorer-folder-row {
  border-color: rgba(46, 101, 85, .2) !important;
  color: #183f34 !important;
  background: rgba(250, 253, 252, .9) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .explorer-folder-row:hover,
html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .explorer-folder-row:focus-within {
  border-color: rgba(47, 127, 107, .34) !important;
  background: rgba(224, 240, 234, .96) !important;
  box-shadow: inset 3px 0 0 #3e8e79 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .explorer-folder-row.is-over {
  border-color: #2f7f6b !important;
  background: rgba(196, 228, 217, .94) !important;
  box-shadow: inset 3px 0 0 #2f7f6b, 0 0 0 3px rgba(47, 127, 107, .12) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .explorer-folder-entry, .explorer-folder-entry strong
) {
  color: #183f34 !important;
  background: transparent !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .explorer-folder-meta, .explorer-folder-chevron, .share-breadcrumb-separator
) {
  color: #60766f !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-explorer > .share-drop-target {
  border-color: rgba(47, 127, 107, .38) !important;
  color: #527067 !important;
  background: rgba(245, 250, 248, .78) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(46, 101, 85, .18) !important;
  border-radius: 0 !important;
  color: #183f34 !important;
  background: rgba(250, 253, 252, .92) !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card:hover {
  background: rgba(229, 242, 237, .96) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card .card-actions :is(button, a) {
  border-color: rgba(47, 127, 107, .28) !important;
  color: #285c4c !important;
  background: rgba(250, 253, 252, .96) !important;
}

/* Online and offline recipients use different card states, not only a tiny dot. */
html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .user-card.is-online {
  border-color: rgba(47, 143, 104, .34);
  background: rgba(226, 244, 236, .94);
  box-shadow: inset 4px 0 0 #42a77e, 0 0 12px rgba(52, 201, 138, .14);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .user-card.is-self:disabled {
  opacity: 1 !important;
  cursor: default !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .user-card.is-offline {
  border-color: rgba(93, 111, 105, .2) !important;
  color: #687b74 !important;
  background: rgba(226, 232, 230, .88) !important;
  box-shadow: inset 4px 0 0 #8c9b96 !important;
  opacity: .82 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .user-card.is-online .avatar {
  color: #f4fffb;
  background: #397c69;
  box-shadow: 0 5px 13px rgba(48, 112, 92, .18);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .user-card.is-offline .avatar {
  color: #f4fffb !important;
  background: #607a73 !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .presence {
  width: 10px !important;
  height: 10px !important;
  border: 2px solid rgba(255, 255, 255, .88);
  background: #879690;
  box-shadow: 0 0 0 2px rgba(91, 108, 102, .18);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .presence.is-online {
  background: #34c98a !important;
  box-shadow: 0 0 0 2px rgba(52, 201, 138, .18), 0 0 9px rgba(52, 201, 138, .34) !important;
}



/* The shared-folder move picker belongs to the same pale workspace. Keep the
   dark modal only for dark themes instead of leaking it into forest glass. */
html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] #shareMoveModal {
  background: rgba(39, 68, 60, .34) !important;
  backdrop-filter: blur(3px);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .move-dialog {
  border-color: rgba(47, 127, 107, .34);
  color: #183f34;
  background: rgba(247, 251, 249, .98);
  box-shadow: 0 24px 64px rgba(30, 67, 57, .24);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .move-dialog-head {
  border-color: rgba(46, 101, 85, .2);
  color: #183f34;
  background: linear-gradient(105deg, rgba(207, 233, 225, .98), rgba(241, 248, 246, .98));
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .move-dialog-head strong {
  color: #174b3d;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .move-dialog-path {
  border-color: rgba(46, 101, 85, .16);
  color: #527067;
  background: rgba(234, 245, 241, .96);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .move-tree {
  color: #244f42;
  background: rgba(250, 253, 252, .98);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .move-tree-row {
  color: #244f42 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .move-tree-row:hover {
  background: rgba(226, 240, 235, .92) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .move-tree-row.is-selected {
  border-color: rgba(47, 127, 107, .54) !important;
  color: #174b3d !important;
  background: rgba(199, 229, 219, .96) !important;
  box-shadow: inset 3px 0 0 #3e8e79 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] :is(
  .move-tree-toggle, .move-tree-name
) {
  color: inherit !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .move-dialog-actions {
  border-color: rgba(46, 101, 85, .2);
  background: rgba(231, 243, 238, .98);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .move-dialog :is(button.secondary, button.primary):not(:is(.nexora-button,.btn,.gateway-action,.soft-button,.primary-button,.danger-button,.mini-button)) {
  border-color: rgba(47, 127, 107, .32) !important;
  color: #285c4c !important;
  background: rgba(250, 253, 252, .96) !important;
  box-shadow: 0 2px 7px rgba(36, 78, 66, .06) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .move-dialog button.primary:not(:disabled) {
  border-color: #327b67 !important;
  color: #f6fffc !important;
  background: #397f6b !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .move-dialog button:disabled {
  border-color: rgba(80, 113, 103, .16) !important;
  color: #82958e !important;
  background: rgba(229, 238, 235, .9) !important;
  box-shadow: none !important;
}

/* NexDrive top navigation and account status remain legible on the pale bar. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .main-nav a {
  color: #315f51;
  text-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .main-nav a:hover,
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .main-nav a.active {
  color: #174b3d !important;
  font-weight: 650 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .main-nav a.active::after {
  background: #3e8e79;
  box-shadow: 0 0 8px rgba(62, 142, 121, .38);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .account {
  color: #315f51;
}

/* NexDrive mobile controls and view switch use one clear forest palette. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .view-toggle {
  border-color: rgba(46, 101, 85, .28);
  background: rgba(226, 239, 234, .92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .view-toggle button {
  color: #587168 !important;
  background: transparent;
  box-shadow: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .view-toggle button.active {
  color: #fff !important;
  background: #3e8e79 !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] :is(
  .mobile-sub-action
) {
  border-color: rgba(46, 101, 85, .3);
  color: #285c4c !important;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 3px 10px rgba(36, 78, 66, .06);
}






html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .toast-stack {
  top: 184px !important;
}

html[data-home-theme="forest-glass"] body:is([data-nexora-page="nexdrive"], [data-nexora-page="knowledge"]) .toast {
  border-color: rgba(46, 101, 85, .3) !important;
  color: #214f41 !important;
  background: rgba(246, 251, 249, .97) !important;
  box-shadow: 0 14px 34px rgba(36, 78, 66, .18) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

html[data-home-theme="forest-glass"] body:is([data-nexora-page="nexdrive"], [data-nexora-page="knowledge"]) .toast.error {
  border-color: rgba(181, 67, 86, .34) !important;
  color: #963b4b !important;
  background: rgba(255, 242, 244, .97) !important;
}

@media (max-width: 760px) {
  html[data-home-theme="forest-glass"] body[data-nexora-page="nexdrive"] .toast-stack {
    top: 244px !important;
  }
}

/* NexDesk action states must not mix the old blue panel with green text.
   The action row itself is only a layout wrapper; keeping the shared toolbar
   surface here created the white plate visible behind the four image actions. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .toolbar {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .toolbar button:not(:disabled) {
  border-color: rgba(46, 101, 85, .3) !important;
  color: #285c4c !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 4px 12px rgba(36, 78, 66, .06) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] .toolbar button.is-primary:not(:disabled) {
  border-color: #2f7f6b !important;
  color: #fff !important;
  background: linear-gradient(135deg, #46977f, #2c725f) !important;
  box-shadow: 0 7px 18px rgba(47, 127, 107, .2) !important;
}

/* Gateway dialog text and controls use the forest palette with full contrast. */
html[data-home-theme="forest-glass"] :is(
  .gateway-status, .gateway-url label, .gateway-note, .gateway-choice
) {
  color: #315c4f;
  text-shadow: none;
  opacity: 1 !important;
}

html[data-home-theme="forest-glass"] .gateway-status {
  font-size: 14px;
  font-weight: 700;
}

html[data-home-theme="forest-glass"] .gateway-section-title {
  color: #173f34;
  font-size: 15px;
  font-weight: 750;
  text-shadow: none;
}

html[data-home-theme="forest-glass"] .gateway-section-title small {
  color: #356b5a;
  font-size: 12px;
  font-weight: 650;
  opacity: 1 !important;
}

html[data-home-theme="forest-glass"] .gateway-url label {
  font-size: 13px;
  font-weight: 650;
}

html[data-home-theme="forest-glass"] .gateway-url code {
  border-color: rgba(47, 127, 107, .42);
  color: #fff;
  background: #234f42;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  font-size: 13px;
  font-weight: 600;
}

html[data-home-theme="forest-glass"] .gateway-url input {
  border-color: rgba(47, 127, 107, .48);
  color: #173f34;
  background: rgba(255, 255, 255, .9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 0 0 3px rgba(47, 127, 107, .06);
  font-size: 14px;
  font-weight: 600;
}

html[data-home-theme="forest-glass"] .gateway-choice {
  font-size: 13px;
  font-weight: 600;
}

html[data-home-theme="forest-glass"] .gateway-choice input {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

html[data-home-theme="forest-glass"] .gateway-note {
  font-size: 13px;
  font-weight: 550;
}

/* Account menu, saved-account switcher and admin manager all match this theme. */
html[data-home-theme="forest-glass"] :is(
  .account-menu, .saved-accounts-panel, .admin-accounts-panel
) {
  border-color: rgba(46, 101, 85, .3) !important;
  color: #173f34 !important;
  background: rgba(239, 247, 244, .96) !important;
  box-shadow: 0 18px 46px rgba(36, 78, 66, .18) !important;
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

html[data-home-theme="forest-glass"] .account-menu span,
html[data-home-theme="forest-glass"] :is(
  .saved-account-name, .saved-account-role, .saved-account-state,
  .saved-accounts-head, .admin-accounts-head, .admin-account-meta,
  .saved-accounts-empty, .admin-accounts-empty
) {
  color: #315f51;
  text-shadow: none;
}

html[data-home-theme="forest-glass"] .account-menu button,
html[data-home-theme="forest-glass"] .saved-account-option,
html[data-home-theme="forest-glass"] .admin-account-card,
html[data-home-theme="forest-glass"] .admin-account-actions button {
  border-color: rgba(46, 101, 85, .24);
  color: #285c4c;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 4px 12px rgba(36, 78, 66, .06);
  opacity: 1 !important;
}

html[data-home-theme="forest-glass"] .account-menu .switch-account,
html[data-home-theme="forest-glass"] .admin-account-save {
  border-color: rgba(47, 127, 107, .42) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #46977f, #2c725f) !important;
}

html[data-home-theme="forest-glass"] .account-menu .delete-account,
html[data-home-theme="forest-glass"] .admin-account-actions .admin-delete-user {
  border-color: rgba(181, 67, 86, .34) !important;
  color: #a33f51 !important;
  background: rgba(255, 238, 241, .9) !important;
}

html[data-home-theme="forest-glass"] .admin-account-fields input {
  border-color: rgba(46, 101, 85, .24) !important;
  color: #173f34 !important;
  background: rgba(255, 255, 255, .9) !important;
}

/* Homepage navigation surface: keep only about 10% of the backing tint visible. */
html[data-home-theme="nebula"] body[data-nexora-page="home"] .topbar {
  background: rgba(3, 10, 24, .1);
}

html[data-home-theme="forest-glass"] body[data-nexora-page="home"] .topbar {
  background: rgba(248, 251, 250, .1) !important;
  backdrop-filter: blur(4px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(4px) saturate(1.02) !important;
}

/* Navigation labels are plain text beside two independent icon buttons. */
html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="nexoffice"], [data-nexora-page="features"],
  [data-nexora-page="ai"]
) :is(.topbar, .nav-mini, .section-title) {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="nexoffice"], [data-nexora-page="features"],
  [data-nexora-page="ai"]
) .section-title {
  padding: 0;
  border-radius: 0;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="nexoffice"], [data-nexora-page="features"],
  [data-nexora-page="ai"]
) :is(.nav-mini:hover, .nav-mini:focus-within, .section-title:hover) {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* These are full-page workspaces, not glass cards. Keep the supplied forest
   artwork sharp and apply glass styling only to the actual feature buttons. */
html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="nexoffice"], [data-nexora-page="features"],
  [data-nexora-page="ai"]
) {
  background: url("assets/images/theme-forest-portal.webp?v=1") center top / cover fixed no-repeat !important;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="nexoffice"], [data-nexora-page="features"],
  [data-nexora-page="ai"]
) > .page {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-home-theme="forest-glass"] body:is(
  [data-nexora-page="nexoffice"], [data-nexora-page="features"],
  [data-nexora-page="ai"]
)::before {
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
}

/* Keep the one-directory explorer inside the viewport at every depth. */
html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card :is(
  .transfer-top, .transfer-meta, .card-actions
) {
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card .transfer-meta :is(strong, span) {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card .card-actions {
  display: flex !important;
  flex-wrap: wrap !important;
}

@media (max-width: 680px) {
  body :is(
    .topbar, .titlebar, .pane-head, .shared-head, .transfer-material-head,
    .section-head, .panel-head, .mobile-head, .location-bar, .workbook-strip
  ) > * {
    min-width: 0;
    max-width: 100%;
  }

  body :is(
    .file-name, .user-name, .account-name, .material-name, .upload-name,
    .device-name, .site-name, .workbook-name, .doc-name
  ) {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body :is(
    .shared-actions, .transfer-head-actions, .explorer-folder-actions,
    .toolbar-actions, .title-actions, .nav-actions, .sheet-tabs,
    .workbook-strip
  ) {
    min-width: 0;
    max-width: 100%;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card .transfer-top {
    grid-template-columns: 24px 64px minmax(0, 1fr) 34px !important;
    gap: 7px !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card .file-thumb {
    width: 64px !important;
    height: 48px !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card .file-thumb.is-landscape {
    width: 68px !important;
    height: 46px !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card .file-thumb.is-portrait {
    width: 46px !important;
    height: 62px !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card .transfer-meta strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card .transfer-meta span {
    display: -webkit-box !important;
    overflow: hidden !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card .card-actions {
    width: 100% !important;
    margin: 10px 0 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card .card-actions :is(button, a) {
    min-width: 0 !important;
    justify-content: center !important;
    padding-inline: 5px !important;
  }

  html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .share-transfer-card .status {
    display: none !important;
  }
}

/* Selection only deepens the card fill. Borders, text, markers, shadows and
   geometry remain exactly as defined by the normal online/offline state. */
html[data-home-theme="forest-glass"] body[data-nexora-page="nexdesk"] :is(
  .account-card,
  .rustdesk-device-card
).is-selected {
  background: rgba(211, 231, 247, .98) !important;
}

html[data-home-theme="forest-glass"] body[data-nexora-page="file-transfer"] .user-card.is-selected {
  background: rgba(205, 232, 220, .98) !important;
}

/* Shared shell performance contract. Keep route changes on compositor-only
   properties and suppress browser-native tap/focus plates on image controls. */
html {
  min-width: 320px;
  background: #071126;
}

html[data-home-theme="forest-glass"] {
  background: #e6f1ed;
}

body[data-nexora-page] {
  min-height: 100dvh;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body[data-nexora-page] :is(button, a, [role="button"]) {
  -webkit-tap-highlight-color: transparent;
}

body[data-nexora-page] button {
  font: inherit;
}

body[data-nexora-page] :is(img, svg, video, canvas) {
  max-width: 100%;
}


body.is-focus-workspace [data-global-secretary].is-closed {
  opacity: .92;
}

@media (max-width: 760px), (hover: none) and (pointer: coarse) {
  /* Large live blur layers are the main source of mobile frame drops. */
  body[data-nexora-page] :is(.topbar, .titlebar, .page, .panel, .card) {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-nexora-page] *,
  body[data-nexora-page] *::before,
  body[data-nexora-page] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}