@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
    --wiki-bg: #0f1115;
    --wiki-bg-deep: #07090d;
    --wiki-surface: #151922;
    --wiki-surface-2: #1b212b;
    --wiki-border: rgba(255, 255, 255, 0.08);
    --wiki-border-strong: rgba(255, 255, 255, 0.14);
    --wiki-text: #e5e7eb;
    --wiki-muted: #9ca3af;
    --wiki-muted-2: #6b7280;
    --wiki-accent: #2f81f7;
    --wiki-accent-soft: rgba(47, 129, 247, 0.16);
    --wiki-success: #3fb950;
    --wiki-warning: #d29922;
    --wiki-danger: #f85149;
}

html {
    background: var(--wiki-bg);
}

body {
    min-height: 100vh;
    margin: 0;
    background: var(--wiki-bg);
    color: var(--wiki-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.kucha-shell {
    background:
        radial-gradient(circle at top left, rgba(47, 129, 247, 0.10), transparent 34rem),
        linear-gradient(180deg, #10141c 0%, var(--wiki-bg) 28rem);
}

.kucha-navbar {
    min-height: 4rem;
    border-bottom: 1px solid var(--wiki-border);
    background: rgba(21, 25, 34, 0.95);
    color: var(--wiki-text);
    backdrop-filter: blur(14px);
}

.kucha-brand {
    color: #f8fafc;
    letter-spacing: 0;
}

.kucha-nav-link {
    border: 1px solid transparent;
    color: #cbd5e1;
}

.kucha-nav-link:hover,
.kucha-nav-link[aria-current="page"] {
    border-color: rgba(47, 129, 247, 0.28);
    background: var(--wiki-accent-soft);
    color: #f8fafc;
}

.kucha-page {
    min-height: calc(100vh - 4rem);
    padding: 1.5rem 1rem;
}

.kucha-page-wide {
    width: 100%;
    max-width: 96rem;
    margin: 0 auto;
}

.kucha-page-narrow {
    width: 100%;
    max-width: 64rem;
    margin: 0 auto;
}

.kucha-page-form {
    width: 100%;
    max-width: 48rem;
    margin: 0 auto;
}

.kucha-card,
.card.bg-base-100 {
    border: 1px solid var(--wiki-border) !important;
    border-radius: 0.5rem !important;
    background: var(--wiki-surface) !important;
    color: var(--wiki-text) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.20) !important;
}

.kucha-card-muted,
.bg-base-200 {
    background: var(--wiki-surface-2) !important;
    color: var(--wiki-text) !important;
}

.kucha-panel {
    border: 1px solid var(--wiki-border);
    border-radius: 0.5rem;
    background: var(--wiki-surface);
}

.kucha-panel-soft {
    border: 1px solid var(--wiki-border);
    border-radius: 0.5rem;
    background: #0f1115;
}

.kucha-title {
    color: #f8fafc;
    font-weight: 700;
    letter-spacing: 0;
}

.kucha-muted,
.text-base-content\/50,
.text-base-content\/60,
.text-base-content\/65,
.text-base-content\/70 {
    color: var(--wiki-muted) !important;
}

.text-base-content\/40,
.text-base-content\/45,
.text-base-content\/30 {
    color: var(--wiki-muted-2) !important;
}

.kucha-chip {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    border: 1px solid var(--wiki-border);
    border-radius: 0.375rem;
    background: rgba(255, 255, 255, 0.04);
    padding: 0.25rem 0.55rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #cbd5e1;
}

.kucha-chip strong {
    margin-right: 0.25rem;
    color: var(--wiki-muted-2);
    font-weight: 600;
}

.input,
.textarea,
.select,
.file-input,
.input-bordered,
.textarea-bordered,
.select-bordered,
.file-input-bordered {
    border-color: var(--wiki-border-strong) !important;
    background: #0f1115 !important;
    color: var(--wiki-text) !important;
}

.input::placeholder,
.textarea::placeholder {
    color: #64748b !important;
}

.label-text {
    color: var(--wiki-muted) !important;
}

.table {
    color: var(--wiki-text);
}

.table :where(th) {
    background: #111722;
    color: var(--wiki-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

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

.table-zebra tbody tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.025);
}

.dropdown-content {
    border: 1px solid var(--wiki-border) !important;
    background: var(--wiki-surface) !important;
    color: var(--wiki-text) !important;
}

.menu li > a.active,
.menu li > a:active,
.menu li > a:hover {
    background: var(--wiki-accent-soft) !important;
    color: #f8fafc !important;
}

.kucha-auth {
    display: flex;
    min-height: calc(100vh - 4rem);
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.kucha-auth-card {
    width: 100%;
    max-width: 26rem;
    border: 1px solid var(--wiki-border);
    border-radius: 0.5rem;
    background: var(--wiki-surface);
    padding: 1.5rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
}

.kucha-file-icon {
    display: inline-flex;
    height: 4.5rem;
    width: 4.5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--wiki-border);
    border-radius: 0.75rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
    color: #dbeafe;
}

.kucha-file-icon svg {
    height: 2.4rem;
    width: 2.4rem;
}

.kucha-file-icon-audio { color: #a78bfa; }
.kucha-file-icon-pdf { color: #f87171; }
.kucha-file-icon-txt { color: #facc15; }
.kucha-file-icon-doc { color: #60a5fa; }
.kucha-file-icon-xls { color: #34d399; }
.kucha-file-icon-zip { color: #fbbf24; }
.kucha-file-icon-file { color: #cbd5e1; }

.wiki-file-card-active {
    border-color: rgba(255, 255, 255, 0.20) !important;
    background: #151922 !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.wiki-file-card-ai-flash {
    animation: wikiAiFlash 1.2s ease-out;
}

@keyframes wikiAiFlash {
    0% { box-shadow: 0 0 0 0 rgba(47, 129, 247, 0.45); }
    100% { box-shadow: 0 0 0 18px rgba(47, 129, 247, 0); }
}

@media (min-width: 640px) {
    .kucha-page {
        padding: 2rem 1.5rem;
    }
}

@media (min-width: 1280px) {
    .kucha-page {
        padding: 2rem 2.5rem;
    }
}