:root {
    color-scheme: dark;
    --tx-app: #17181A;
    --tx-shell: #1B1C1F;
    --tx-surface: #222427;
    --tx-surface-raised: #282A2E;
    --tx-surface-muted: #1D1F22;
    --tx-input: #191A1C;
    --tx-border: #34373C;
    --tx-border-strong: #474A50;
    --tx-text: #F4F4F3;
    --tx-text-secondary: #A3A5A9;
    --tx-text-muted: #777B82;
    --tx-accent: #DB9418;
    --tx-accent-hover: #E6A42F;
    --tx-accent-soft: rgba(219, 148, 24, 0.12);
    --tx-accent-border: rgba(219, 148, 24, 0.55);
    --tx-success: #5F9C73;
    --tx-success-soft: rgba(95, 156, 115, 0.13);
    --tx-success-border: rgba(95, 156, 115, 0.42);
    --tx-error: #C96B6B;
    --tx-error-soft: rgba(201, 107, 107, 0.12);
    --tx-error-border: rgba(201, 107, 107, 0.42);
    --tx-radius-control: 6px;
    --tx-radius-panel: 8px;
    --tx-radius-dialog: 10px;
}

html[data-theme="night"] {
    background: var(--tx-app);
    color: var(--tx-text);
}

body {
    background: var(--tx-app) !important;
    color: var(--tx-text);
    overflow-x: hidden;
}

body,
button,
input,
select,
textarea {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

::selection {
    background: var(--tx-accent);
    color: #17181A;
}

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

::-webkit-scrollbar-track {
    background: var(--tx-app);
}

::-webkit-scrollbar-thumb {
    background: var(--tx-border-strong);
    border: 2px solid var(--tx-app);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background: #5A5E65;
}

* {
    scrollbar-color: var(--tx-border-strong) var(--tx-app);
}

a,
button,
input,
select,
textarea,
[role="button"],
[tabindex]:not([tabindex="-1"]) {
    -webkit-tap-highlight-color: rgba(219, 148, 24, 0.16);
}

:where(a, button, input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 2px solid var(--tx-accent);
    outline-offset: 2px;
}

.input:focus-visible,
.textarea:focus-visible,
.select:focus-visible,
.file-input:focus-visible,
.checkbox:focus-visible,
.radio:focus-visible,
.btn:focus-visible,
.tab:focus-visible,
.workspace-tool-sidebar-button:focus-visible {
    outline: 2px solid var(--tx-accent) !important;
    outline-color: var(--tx-accent) !important;
    outline-offset: 2px !important;
}

.bg-base-300,
.bg-slate-950 {
    background-color: var(--tx-app) !important;
}

.bg-base-200,
.bg-slate-900,
.bg-slate-900\/90,
.bg-slate-900\/70,
.bg-slate-950\/35,
.bg-slate-950\/30 {
    background-color: var(--tx-surface-muted) !important;
}

.bg-base-100 {
    background-color: var(--tx-surface) !important;
}

[class*="text-base-content/"],
.text-slate-300,
.text-slate-400 {
    color: var(--tx-text-secondary) !important;
}

.text-slate-500 {
    color: var(--tx-text-muted) !important;
}

.text-slate-100,
.text-slate-200 {
    color: var(--tx-text) !important;
}

.text-info,
.text-primary,
.text-sky-300,
.text-sky-400 {
    color: var(--tx-accent) !important;
}

.bg-primary,
.border-primary {
    background-color: var(--tx-accent) !important;
    border-color: var(--tx-accent) !important;
    color: #17181A !important;
}

.navbar {
    min-height: 64px;
    background: var(--tx-surface-muted) !important;
    border-bottom: 1px solid var(--tx-border);
    box-shadow: none !important;
}

.card,
.stats,
.hero,
.tx-panel,
.stat {
    background: var(--tx-surface) !important;
    border: 1px solid var(--tx-border);
    border-radius: var(--tx-radius-panel) !important;
    box-shadow: none !important;
}

.shadow,
.shadow-lg,
.shadow-xl,
.shadow-2xl,
.hover\:shadow-lg:hover,
.hover\:shadow-2xl:hover {
    box-shadow: none !important;
}

.card-body {
    padding: 16px;
}

.rounded-box,
.rounded-lg,
.rounded-xl {
    border-radius: var(--tx-radius-panel) !important;
}

.rounded-2xl,
.rounded-3xl {
    border-radius: var(--tx-radius-dialog) !important;
}

.card-title,
h1,
h2,
h3,
h4 {
    color: var(--tx-text);
    text-wrap: balance;
}

p,
li,
td,
th {
    text-wrap: pretty;
}

.btn {
    min-height: 40px;
    height: 40px;
    padding-inline: 14px;
    border: 1px solid var(--tx-border-strong);
    border-radius: var(--tx-radius-control) !important;
    background: var(--tx-surface-raised);
    color: var(--tx-text);
    box-shadow: none !important;
    text-transform: none;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, opacity 140ms ease;
}

.btn:hover:not(:disabled):not(.btn-disabled) {
    background: #303238;
    border-color: #575B62;
}

.btn-sm {
    min-height: 32px;
    height: 32px;
    padding-inline: 10px;
    font-size: 0.8125rem;
}

.btn-xs {
    min-height: 28px;
    height: 28px;
    padding-inline: 8px;
    font-size: 0.75rem;
}

.btn-square,
.btn-circle {
    width: 40px;
    min-width: 40px;
    padding: 0;
}

.btn-sm.btn-square,
.btn-sm.btn-circle {
    width: 32px;
    min-width: 32px;
}

.btn-circle {
    border-radius: 50% !important;
}

.btn-primary,
.btn-info,
.btn.btn-primary,
.btn.btn-info {
    background-color: var(--tx-accent) !important;
    border-color: var(--tx-accent) !important;
    color: #17181A;
    font-weight: 700;
}

.btn-primary:hover:not(:disabled),
.btn-info:hover:not(:disabled),
.btn.btn-primary:hover:not(:disabled),
.btn.btn-info:hover:not(:disabled) {
    background-color: var(--tx-accent-hover) !important;
    border-color: var(--tx-accent-hover) !important;
    color: #17181A;
}

.btn-outline {
    background: transparent !important;
    border-color: var(--tx-border-strong) !important;
    color: var(--tx-text) !important;
}

.btn-outline:hover:not(:disabled) {
    background: var(--tx-surface-raised) !important;
    border-color: #5A5E65 !important;
}

.btn-ghost {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--tx-text-secondary);
}

.btn-ghost:hover:not(:disabled) {
    background: var(--tx-surface-raised) !important;
    border-color: var(--tx-border) !important;
    color: var(--tx-text) !important;
}

.btn-error,
.btn-outline.btn-error,
.text-error {
    color: var(--tx-error) !important;
}

.btn-error,
.btn-outline.btn-error {
    background: var(--tx-error-soft) !important;
    border-color: var(--tx-error-border) !important;
}

.btn:disabled,
.btn-disabled {
    background: var(--tx-surface-muted) !important;
    border-color: var(--tx-border) !important;
    color: var(--tx-text-muted) !important;
    opacity: 0.62;
}

input.input,
textarea.textarea,
select.select,
input.file-input {
    min-height: 40px;
    background: var(--tx-input) !important;
    background-color: var(--tx-input) !important;
    border: 1px solid var(--tx-border) !important;
    border-radius: var(--tx-radius-control) !important;
    color: var(--tx-text) !important;
    box-shadow: none !important;
    caret-color: var(--tx-accent);
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

input.input,
select.select,
input.file-input {
    height: 40px;
    padding-inline: 12px;
}

textarea.textarea {
    padding: 10px 12px;
    line-height: 1.5;
}

input.input-sm,
select.select-sm,
input.file-input-sm {
    min-height: 32px;
    height: 32px;
    line-height: 1.25rem;
    padding: 0.25rem 2rem 0.25rem 0.75rem;
}

input.input::placeholder,
textarea.textarea::placeholder,
input.file-input::placeholder {
    color: var(--tx-text-muted) !important;
    opacity: 1;
}

input.input:focus,
textarea.textarea:focus,
select.select:focus,
input.file-input:focus {
    background: var(--tx-input) !important;
    background-color: var(--tx-input) !important;
    border-color: var(--tx-accent) !important;
    color: var(--tx-text) !important;
    box-shadow: none !important;
}

input.input:focus:not(:focus-visible),
textarea.textarea:focus:not(:focus-visible),
select.select:focus:not(:focus-visible),
input.file-input:focus:not(:focus-visible) {
    outline: none;
}

input.input:disabled,
textarea.textarea:disabled,
select.select:disabled,
input.file-input:disabled {
    background: #202124 !important;
    background-color: #202124 !important;
    border-color: #303237 !important;
    color: #696D74 !important;
    opacity: 1;
}

input.input[readonly],
textarea.textarea[readonly] {
    background: var(--tx-surface-muted) !important;
    background-color: var(--tx-surface-muted) !important;
    color: var(--tx-text-secondary) !important;
}

.input-error,
.textarea-error,
.select-error,
[aria-invalid="true"] {
    border-color: var(--tx-error) !important;
}

select option {
    background-color: var(--tx-input);
    color: var(--tx-text);
}

input.checkbox,
input.radio {
    --chkbg: var(--tx-input);
    --chkfg: #17181A;
    background-color: var(--tx-input) !important;
    border-color: var(--tx-border-strong) !important;
    color: #17181A !important;
    accent-color: var(--tx-accent);
}

input.checkbox:checked,
input.radio:checked {
    --chkbg: var(--tx-accent);
    --chkfg: #17181A;
    background-color: var(--tx-accent) !important;
    border-color: var(--tx-accent) !important;
    color: #17181A !important;
}

input.checkbox:disabled,
input.radio:disabled {
    opacity: 0.5;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--tx-text);
    caret-color: var(--tx-accent);
    box-shadow: 0 0 0 1000px var(--tx-input) inset !important;
    transition: background-color 9999s ease-in-out 0s;
}

.label {
    min-height: auto;
    padding: 0 0 6px;
}

.label-text {
    color: var(--tx-text-secondary) !important;
    font-size: 0.8125rem;
    font-weight: 600;
}

.menu,
.dropdown-content {
    background: var(--tx-surface) !important;
    border: 1px solid var(--tx-border);
    border-radius: var(--tx-radius-panel) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
    color: var(--tx-text);
}

.menu li > a,
.menu li > button,
.menu li > form > button {
    border-radius: var(--tx-radius-control);
    color: var(--tx-text-secondary);
}

.menu li > a:hover,
.menu li > button:hover,
.menu li > form > button:hover {
    background: var(--tx-surface-raised) !important;
    color: var(--tx-text) !important;
}

.menu li > .active,
.menu li > a.active {
    background: var(--tx-accent-soft) !important;
    color: var(--tx-accent) !important;
    box-shadow: inset 3px 0 0 var(--tx-accent);
}

.menu-title,
.menu-title > span {
    color: var(--tx-text-muted) !important;
}

.badge {
    min-height: 20px;
    border-color: var(--tx-border-strong);
    border-radius: 999px;
    background: var(--tx-surface-raised);
    color: var(--tx-text-secondary);
    box-shadow: none !important;
}

.badge-info,
.badge-primary {
    background: var(--tx-accent-soft) !important;
    border-color: var(--tx-accent-border) !important;
    color: var(--tx-accent) !important;
}

.tabs {
    gap: 4px;
}

.tabs-boxed {
    padding: 4px;
    border: 1px solid var(--tx-border);
    border-radius: var(--tx-radius-panel);
    background: var(--tx-surface-muted) !important;
}

.tab {
    min-height: 36px;
    border-radius: var(--tx-radius-control) !important;
    color: var(--tx-text-secondary);
}

.tab:hover {
    background: var(--tx-surface-raised);
    color: var(--tx-text);
}

.tab-active,
.tab.tab-active {
    background: var(--tx-accent-soft) !important;
    color: var(--tx-accent) !important;
    box-shadow: inset 0 -2px 0 var(--tx-accent) !important;
}

.table {
    background: transparent;
    color: var(--tx-text-secondary);
}

.table :where(th, td) {
    border-color: var(--tx-border) !important;
}

.table th {
    color: var(--tx-text-muted);
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.table tr:hover td {
    background: var(--tx-surface-raised) !important;
}

.modal {
    overscroll-behavior: contain;
}

.modal::backdrop,
.modal-backdrop,
dialog::backdrop {
    background: rgba(8, 8, 9, 0.76) !important;
}

.modal-box,
.tx-dialog {
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--tx-surface) !important;
    border: 1px solid var(--tx-border-strong) !important;
    border-radius: var(--tx-radius-dialog) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.32) !important;
    color: var(--tx-text) !important;
}

.drawer-side,
.activity-drawer,
.wiki-activity-drawer {
    overscroll-behavior: contain;
}

.alert {
    border: 1px solid var(--tx-border);
    border-radius: var(--tx-radius-panel) !important;
    background: var(--tx-surface-raised) !important;
    color: var(--tx-text);
    box-shadow: none !important;
}

.alert-success {
    background: var(--tx-success-soft) !important;
    border-color: var(--tx-success-border) !important;
    color: #B9D8C2 !important;
}

.alert-error {
    background: var(--tx-error-soft) !important;
    border-color: var(--tx-error-border) !important;
    color: #EDB4B4 !important;
}

.tooltip[data-tip]::before {
    max-width: 220px;
    padding: 7px 9px;
    border: 1px solid var(--tx-border-strong);
    border-radius: var(--tx-radius-control);
    background: var(--tx-surface-raised) !important;
    color: var(--tx-text) !important;
    box-shadow: none !important;
    white-space: normal;
}

.tooltip::after {
    color: var(--tx-surface-raised) !important;
}

#toast-container,
.app-dialog-toast-container,
.forms-toast {
    z-index: 10000;
    pointer-events: none;
}

#toast-container .alert,
.app-dialog-toast-container .alert,
.forms-toast.alert {
    pointer-events: auto;
}

.board-ui,
.workspace-file-shell,
.workspace-wiki-shell,
.workspace-forms-shell,
.activity-ui {
    min-height: 100vh;
    background: var(--tx-shell) !important;
    color: var(--tx-text);
}

.board-header,
.workspace-file-header,
.workspace-wiki-header,
.workspace-forms-header,
.activity-header {
    background: var(--tx-surface-muted) !important;
    border-color: var(--tx-border) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.workspace-main-shell {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

.workspace-tool-sidebar {
    position: relative;
    z-index: 70;
    display: flex;
    flex: 0 0 52px;
    width: 52px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px 7px;
    background: var(--tx-surface-muted) !important;
    border-right: 1px solid var(--tx-border) !important;
    box-shadow: none !important;
}

.workspace-tool-sidebar-button {
    position: relative;
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent !important;
    border-radius: var(--tx-radius-control) !important;
    background: transparent !important;
    color: var(--tx-text-muted) !important;
    box-shadow: none !important;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.workspace-tool-sidebar-admin {
    margin-top: auto;
}

.workspace-tool-sidebar-button:hover,
.workspace-tool-sidebar-button:focus-visible {
    background: var(--tx-surface-raised) !important;
    border-color: var(--tx-border) !important;
    color: var(--tx-text) !important;
}

.workspace-tool-sidebar-button.is-active {
    background: var(--tx-accent-soft) !important;
    border-color: var(--tx-accent-border) !important;
    color: var(--tx-accent) !important;
    box-shadow: inset 3px 0 0 var(--tx-accent) !important;
}

.workspace-tool-sidebar-button svg {
    width: 19px;
    height: 19px;
}

.workspace-tool-sidebar-button::after {
    position: absolute;
    z-index: 90;
    top: 50%;
    left: calc(100% + 8px);
    padding: 7px 9px;
    border: 1px solid var(--tx-border-strong);
    border-radius: var(--tx-radius-control);
    background: var(--tx-surface-raised);
    color: var(--tx-text);
    content: attr(data-sidebar-tooltip);
    font-size: 0.75rem;
    font-weight: 650;
    line-height: 1;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50%) translateX(-2px);
    transition: opacity 90ms ease, transform 90ms ease;
    transition-delay: 0ms;
    white-space: nowrap;
}

.workspace-tool-sidebar-button:hover::after,
.workspace-tool-sidebar-button:focus-visible::after {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

.board-actions .btn,
.wiki-actions .btn,
.forms-actions .btn {
    border-color: var(--tx-border);
}

.badge.card-label-chip {
    color: #17181A !important;
}

.workspace-switcher {
    position: relative;
    flex: 0 0 auto;
}

.workspace-switcher > summary {
    list-style: none;
}

.workspace-switcher > summary::-webkit-details-marker {
    display: none;
}

.workspace-switcher-trigger {
    width: 32px;
    min-width: 32px;
    padding: 0;
}

.workspace-switcher-menu {
    position: absolute;
    z-index: 100;
    top: calc(100% + 8px);
    left: 0;
    width: min(18rem, calc(100vw - 1.5rem));
    max-height: min(22rem, calc(100dvh - 6rem));
    overflow-y: auto;
    padding: 8px;
    border: 1px solid var(--tx-border-strong);
    border-radius: var(--tx-radius-panel);
    background: var(--tx-surface);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.workspace-switcher-title {
    padding: 6px 8px 8px;
    color: var(--tx-text-muted);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.workspace-switcher-list {
    display: grid;
    gap: 4px;
}

.workspace-switcher-item {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: var(--tx-radius-control);
    color: var(--tx-text-secondary);
}

.workspace-switcher-item:hover,
.workspace-switcher-item:focus-visible {
    background: var(--tx-surface-raised);
    border-color: var(--tx-border);
    color: var(--tx-text);
}

.workspace-switcher-item.is-current {
    background: var(--tx-accent-soft);
    border-color: var(--tx-accent-border);
    color: var(--tx-accent);
}

.workspace-switcher-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-switcher-empty {
    padding: 12px 10px;
    color: var(--tx-text-muted);
    font-size: 0.8125rem;
}

.board-column,
.file-panel,
.wiki-panel,
.forms-panel,
.activity-card,
.activity-empty {
    background: var(--tx-surface) !important;
    border: 1px solid var(--tx-border) !important;
    border-radius: var(--tx-radius-panel) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.board-column-header {
    background: var(--tx-surface-muted) !important;
    border-bottom: 1px solid var(--tx-border);
    border-radius: var(--tx-radius-panel) var(--tx-radius-panel) 0 0;
}

.board-card,
.question-card,
.comment-card {
    background: var(--tx-surface-raised) !important;
    border: 1px solid var(--tx-border) !important;
    border-radius: var(--tx-radius-panel) !important;
    box-shadow: none !important;
}

.board-card:hover,
.board-card:focus-within {
    border-color: var(--tx-border-strong) !important;
}

.folder-row,
.file-row,
.wiki-category-row,
.wiki-page-row,
.form-list-button {
    border-radius: var(--tx-radius-control) !important;
}

.folder-row:hover,
.file-row:hover,
.wiki-category-row:hover,
.wiki-page-row:hover,
.form-list-button:hover {
    background: var(--tx-surface-raised) !important;
    border-color: var(--tx-border) !important;
}

.folder-row.is-active,
.file-row.is-active,
.wiki-page-row.is-active,
.form-list-button.is-active {
    background: var(--tx-accent-soft) !important;
    border-color: var(--tx-accent-border) !important;
    color: var(--tx-text) !important;
    box-shadow: inset 3px 0 0 var(--tx-accent) !important;
}

.builder-tab.is-active {
    background: var(--tx-accent-soft) !important;
    border-color: var(--tx-accent) !important;
    color: var(--tx-accent) !important;
}

.tx-accent-text {
    color: var(--tx-accent) !important;
}

.tx-accent-panel,
.tx-question-index {
    background: var(--tx-accent-soft) !important;
    border-color: var(--tx-accent-border) !important;
    color: var(--tx-accent) !important;
}

.tx-preview-card {
    overflow: hidden;
    background: var(--tx-surface) !important;
    border: 1px solid var(--tx-border);
    border-radius: var(--tx-radius-dialog);
}

.tx-preview-header {
    background: var(--tx-surface-muted);
    border-bottom: 1px solid var(--tx-border);
}

.upload-zone {
    background: var(--tx-input) !important;
    border-color: var(--tx-border-strong) !important;
}

.upload-zone.is-dragover {
    background: var(--tx-accent-soft) !important;
    border-color: var(--tx-accent) !important;
}

.preview-frame,
.wiki-reader,
.wiki-editor-panel {
    background: var(--tx-input) !important;
    border-color: var(--tx-border) !important;
}

.activity-overlay,
.wiki-activity-overlay {
    background: rgba(8, 8, 9, 0.76) !important;
}

.activity-drawer,
.wiki-activity-drawer {
    background: var(--tx-surface-muted) !important;
    border-color: var(--tx-border) !important;
    box-shadow: -10px 0 24px rgba(0, 0, 0, 0.22) !important;
}

.activity-divider,
.activity-time {
    color: var(--tx-text-muted) !important;
    border-color: var(--tx-border) !important;
}

.public-form-page {
    background: var(--tx-app) !important;
    color: var(--tx-text);
}

.tx-form-page {
    min-width: 0;
    background: var(--tx-app);
    color: var(--tx-text);
}

.tx-form-card {
    overflow: hidden;
    background: var(--tx-surface);
    border: 1px solid var(--tx-border);
    border-radius: var(--tx-radius-dialog);
}

.tx-public-form-card {
    overflow: hidden;
    background: var(--tx-surface) !important;
    border: 1px solid var(--tx-border);
    border-radius: var(--tx-radius-dialog);
}

.tx-public-form-header {
    background: var(--tx-surface-muted);
    border-bottom: 1px solid var(--tx-border);
}

.tx-form-question {
    padding: 16px;
    border: 1px solid var(--tx-border);
    border-radius: var(--tx-radius-panel);
    background: var(--tx-surface-muted);
}

.tx-choice {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid var(--tx-border);
    border-radius: var(--tx-radius-control);
    background: var(--tx-input);
    color: var(--tx-text-secondary);
    cursor: pointer;
}

.tx-choice:hover {
    border-color: var(--tx-border-strong);
    background: var(--tx-surface-raised);
}

.tx-empty-state {
    padding: 32px 20px;
    border: 1px dashed var(--tx-border-strong);
    border-radius: var(--tx-radius-panel);
    background: var(--tx-surface-muted);
    color: var(--tx-text-secondary);
    text-align: center;
}

.tx-auth-page {
    background: var(--tx-app);
}

.tx-auth-card {
    border-radius: var(--tx-radius-dialog) !important;
}

.tx-auth-mark {
    border: 1px solid var(--tx-accent-border);
    border-radius: var(--tx-radius-panel);
    background: var(--tx-accent-soft);
    color: var(--tx-accent);
}

.tx-workspace-card {
    min-width: 0;
    transition: background-color 140ms ease, border-color 140ms ease;
}

.tx-workspace-card:hover,
.tx-workspace-card:focus-within {
    background: var(--tx-surface-raised) !important;
    border-color: var(--tx-border-strong);
}

.tx-admin-shell {
    min-width: 0;
    background: var(--tx-app);
}

.tx-admin-sidebar,
.tx-admin-mobile-nav {
    background: var(--tx-surface-muted);
    border-color: var(--tx-border);
}

.tx-admin-sidebar {
    border-right: 1px solid var(--tx-border);
}

.tx-admin-shell .stat-title,
.tx-admin-shell .stat-desc {
    color: var(--tx-text-secondary) !important;
}

.tx-admin-shell .stat-value,
.tx-admin-shell .stat-figure {
    color: var(--tx-text) !important;
    font-variant-numeric: tabular-nums;
}

.tx-admin-main .grid > * {
    min-width: 0;
}

.tx-admin-main .overflow-x-auto {
    max-width: 100%;
}

.tx-profile-page {
    min-width: 0;
}

.tx-admin-mobile-nav {
    border-top: 1px solid var(--tx-border);
}

.avatar.placeholder > div,
.avatar.placeholder .bg-primary {
    background: var(--tx-surface-raised) !important;
    border: 1px solid var(--tx-border);
    color: var(--tx-text) !important;
}

@media (max-width: 640px) {
    .board-header-row {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .board-header-row > :first-child {
        flex: 1 1 auto;
    }

    .board-actions {
        flex: 1 1 100%;
        justify-content: flex-start;
    }

    .card-body {
        padding: 14px;
    }

    .modal-box {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        max-height: calc(100dvh - 16px);
        padding: 16px;
    }

    .workspace-tool-sidebar-button::after {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}