/*
 * Memur Kahvesi premium surface layer.
 * Loaded last. This file changes page composition, not only colors.
 */

:root {
    --mk-premium-ink: #121826;
    --mk-premium-panel: #ffffff;
    --mk-premium-line: #dde3ea;
    --mk-premium-muted: #64748b;
    --mk-premium-red: #a61f24;
    --mk-premium-blue: #2563eb;
    --mk-premium-cyan: #0891b2;
    --mk-premium-amber: #c27616;
    --mk-premium-green: #0f8a64;
    --mk-premium-shadow: 0 16px 38px rgba(15, 23, 42, .08);
    --mk-premium-shadow-soft: 0 8px 22px rgba(15, 23, 42, .055);
}

/* Shared premium rhythm */
body:is(.mk-page-home, .mk-page-forum, .mk-page-documents, .mk-page-tools, .mk-page-becayis) .site-main {
    background:
        linear-gradient(rgba(15, 23, 42, .018) 1px, transparent 1px),
        #f6f7f9;
    background-size: 100% 44px;
}

body:is(.mk-page-home, .mk-page-forum, .mk-page-documents, .mk-page-tools, .mk-page-becayis)
:where(.classic-forum-wrapper, .documents-page-container, .tools-page, .becayis-wrap, .homepage-container) {
    width: min(1400px, calc(100% - 32px)) !important;
    max-width: 1400px !important;
}

body:is(.mk-page-forum, .mk-page-documents, .mk-page-tools, .mk-page-becayis)
:where(.forum-topbar, .documents-hero, .tools-hero, .becayis-hero) {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 8px !important;
    background: #171d29 !important;
    box-shadow: 0 20px 46px rgba(15, 23, 42, .17) !important;
}

body:is(.mk-page-forum, .mk-page-documents, .mk-page-tools, .mk-page-becayis)
:where(.forum-topbar, .documents-hero, .tools-hero, .becayis-hero)::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    content: "";
    background: var(--premium-accent, var(--mk-premium-red));
}

body:is(.mk-page-forum, .mk-page-documents, .mk-page-tools, .mk-page-becayis)
:where(.forum-topbar, .documents-hero, .tools-hero, .becayis-hero)::after {
    position: absolute;
    right: -70px;
    bottom: -110px;
    width: 280px;
    height: 280px;
    border: 1px solid color-mix(in srgb, var(--premium-accent, #fff) 28%, transparent);
    border-radius: 50%;
    content: "";
    opacity: .32;
    pointer-events: none;
}

body:is(.mk-page-forum, .mk-page-documents, .mk-page-tools, .mk-page-becayis)
:where(.forum-topbar, .documents-hero, .tools-hero, .becayis-hero) h1 {
    letter-spacing: 0 !important;
}

/* Signed-in home: compact identity, content first */
.mk-page-home {
    --premium-accent: #ef4444;
}

.mk-page-home .homepage-container {
    padding-top: 1.25rem !important;
}

.mk-page-home .homepage-container .hero-card {
    min-height: 0 !important;
    margin-bottom: .85rem !important;
    padding: 1rem 1.1rem !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 8px !important;
    background: #161d2a !important;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .17) !important;
}

.mk-page-home .homepage-container .hero-card::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    content: "";
    background: #ef4444;
}

.mk-page-home .homepage-container .hero-card .hero-bg {
    display: none !important;
}

.mk-page-home .homepage-container .hero-card .hero-content {
    display: grid !important;
    grid-template-columns: 225px minmax(0, 1fr) !important;
    gap: 1rem !important;
}

.mk-page-home .homepage-container .hero-card .user-section {
    min-width: 0 !important;
    max-width: none !important;
    padding: .4rem 1rem .4rem .25rem !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mk-page-home .homepage-container .hero-card :where(.user-avatar-wrapper, .user-avatar-img, .user-avatar-placeholder) {
    width: 54px !important;
    height: 54px !important;
}

.mk-page-home .homepage-container .hero-card .user-name {
    font-size: 1.25rem !important;
}

.mk-page-home .homepage-container .hero-card .stats-grid {
    min-height: 58px !important;
    border-radius: 6px !important;
}

.mk-page-home .homepage-container .hero-card .stat-item {
    min-height: 58px !important;
    padding: .55rem .7rem !important;
}

.mk-page-home .homepage-container .hero-card .stat-icon,
.mk-page-home .homepage-container .hero-card .stat-icon svg {
    width: 22px !important;
    height: 22px !important;
}

.mk-page-home .homepage-container .hero-card .stat-value {
    font-size: 1.05rem !important;
}

.mk-page-home .homepage-container .hero-card .hero-insights {
    grid-template-columns: minmax(260px, 1.25fr) minmax(300px, 1fr) !important;
    gap: .55rem !important;
}

.mk-page-home .homepage-container .hero-card :where(.rank-progress-card, .hero-mini-metrics) {
    border-radius: 6px !important;
}

.mk-page-home .homepage-container .hero-card .rank-progress-card {
    padding: .55rem .7rem !important;
}

.mk-page-home .homepage-container .hero-card .hero-mini-metric {
    min-height: 56px !important;
}

.mk-page-home .quick-actions-bar {
    display: flex !important;
    gap: 0 !important;
    margin: 0 0 1rem !important;
    overflow: hidden;
    border: 1px solid var(--mk-premium-line);
    border-radius: 8px !important;
    background: #fff;
    box-shadow: var(--mk-premium-shadow-soft);
}

.mk-page-home .quick-actions-bar .quick-action {
    min-height: 56px !important;
    flex: 1 1 0;
    gap: .55rem !important;
    border: 0 !important;
    border-right: 1px solid var(--mk-premium-line) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.mk-page-home .quick-actions-bar .quick-action:last-child {
    border-right: 0 !important;
}

.mk-page-home .quick-actions-bar .quick-action:hover {
    transform: none !important;
    background: #f8fafc !important;
    color: var(--mk-premium-red) !important;
}

.mk-page-home .quick-actions-bar .action-icon {
    width: 28px !important;
    height: 28px !important;
    padding: 5px;
    border-radius: 6px;
    background: #fef2f2;
    color: var(--mk-premium-red);
}

.mk-page-home .content-grid {
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 1rem !important;
}

.mk-page-home :where(.content-card, .stat-card) {
    border: 1px solid var(--mk-premium-line) !important;
    border-radius: 8px !important;
    box-shadow: var(--mk-premium-shadow-soft) !important;
}

.mk-page-home .content-card .card-header {
    min-height: 58px;
    padding: .85rem 1rem !important;
    border-bottom: 1px solid var(--mk-premium-line) !important;
}

.mk-page-home .content-card .card-header h2 {
    font-size: 1.08rem !important;
}

.mk-page-home .content-card .empty-state {
    min-height: 190px !important;
    padding: 1.25rem !important;
    background: #fbfcfd !important;
}

.mk-page-home .content-card .empty-icon,
.mk-page-home .content-card .empty-icon svg {
    width: 42px !important;
    height: 42px !important;
}

.mk-page-home .platform-grid {
    gap: 0 !important;
}

.mk-page-home .platform-item {
    min-height: 72px !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--mk-premium-line) !important;
    background: transparent !important;
}

.mk-page-home .platform-item:last-child {
    border-bottom: 0 !important;
}

/* Forum: dense community board */
.mk-page-forum {
    --premium-accent: #3b82f6;
}

.mk-page-forum .classic-forum-wrapper {
    padding-top: 1.25rem !important;
}

.mk-page-forum .forum-topbar {
    min-height: 146px !important;
    padding: 1.35rem 1.5rem !important;
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 1.25rem !important;
}

.mk-page-forum .forum-title {
    font-size: 2rem !important;
}

.mk-page-forum .forum-title svg {
    color: #60a5fa !important;
}

.mk-page-forum .forum-subtitle {
    color: #aeb9c9 !important;
}

.mk-page-forum .forum-topbar-actions {
    justify-content: flex-end !important;
    gap: .45rem !important;
}

.mk-page-forum .forum-topbar-actions :where(a, button) {
    min-height: 40px !important;
    padding: .58rem .78rem !important;
    border-radius: 6px !important;
    font-size: .78rem !important;
    box-shadow: none !important;
}

.mk-page-forum .forum-topbar-actions .btn-watched-topics {
    border-color: rgba(255, 255, 255, .14) !important;
    background: rgba(255, 255, 255, .07) !important;
}

.mk-page-forum .forum-topbar-actions .btn-new-topic {
    background: #2563eb !important;
}

.mk-page-forum .forum-search-panel {
    margin-top: .75rem !important;
    padding: .65rem !important;
    border: 1px solid var(--mk-premium-line) !important;
    border-radius: 8px !important;
    box-shadow: var(--mk-premium-shadow-soft) !important;
}

.mk-page-forum .forum-search-panel button {
    background: #1d4ed8 !important;
}

.mk-page-forum .forum-stats-bar {
    margin-top: .65rem !important;
    overflow: hidden;
    border: 1px solid var(--mk-premium-line) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.mk-page-forum .forum-stats-bar .stat-item {
    min-height: 52px !important;
    border-radius: 0 !important;
    background: #fff !important;
}

.mk-page-forum .welcome-strip {
    min-height: 46px !important;
    margin-top: .65rem !important;
    border: 1px solid var(--mk-premium-line) !important;
    border-left: 3px solid #60a5fa !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: none !important;
}

.mk-page-forum .forum-tag-cloud-card {
    margin-top: .65rem !important;
    padding: .85rem 1rem !important;
    border: 1px solid var(--mk-premium-line) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.mk-page-forum .forum-discovery-board {
    grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)) !important;
    gap: .65rem !important;
    margin-top: .65rem !important;
}

.mk-page-forum .forum-discovery-card {
    min-height: 104px !important;
    padding: .85rem .95rem !important;
    border: 1px solid var(--mk-premium-line) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.mk-page-forum .forum-discovery-card:first-child {
    grid-row: span 2;
    min-height: 214px !important;
    border-top: 3px solid #2563eb !important;
}

.mk-page-forum .forum-discovery-card:nth-child(2) {
    border-top: 3px solid #f59e0b !important;
}

.mk-page-forum .forum-discovery-card:nth-child(3) {
    border-top: 3px solid #f43f5e !important;
}

.mk-page-forum .forum-discovery-card:nth-child(4) {
    border-top: 3px solid #10b981 !important;
}

.mk-page-forum .forum-discovery-head {
    margin-bottom: .55rem !important;
}

.mk-page-forum .forum-discovery-head h2 {
    font-size: .95rem !important;
}

.mk-page-forum .forum-discovery-empty {
    padding: .7rem 0 !important;
}

.mk-page-forum .category-section {
    margin-top: .8rem !important;
    overflow: hidden;
    border: 1px solid var(--mk-premium-line) !important;
    border-radius: 8px !important;
    box-shadow: var(--mk-premium-shadow-soft) !important;
}

.mk-page-forum .cat-header {
    min-height: 72px !important;
    padding: .9rem 1rem !important;
    background: #f7f9fc !important;
    border-bottom: 1px solid var(--mk-premium-line) !important;
}

.mk-page-forum .cat-icon-big {
    color: #2563eb !important;
}

.mk-page-forum .subcat-row {
    min-height: 78px !important;
    grid-template-columns: 46px minmax(0, 1fr) 160px 255px !important;
    padding: .75rem 1rem !important;
}

.mk-page-forum .subcat-row:hover {
    background: #f8fbff !important;
}

.mk-page-forum .subcat-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 6px !important;
    background: #eff6ff !important;
    color: #2563eb !important;
}

/* Documents: library catalog, not forum clone */
.mk-page-documents {
    --premium-accent: #d08a24;
}

.mk-page-documents .documents-page-container {
    padding-top: 1.25rem !important;
}

.mk-page-documents .documents-hero {
    min-height: 158px !important;
    padding: 1.35rem 1.5rem !important;
}

.mk-page-documents .documents-hero .hero-content {
    grid-template-columns: minmax(300px, 1fr) auto auto !important;
    gap: 1rem !important;
    align-items: center !important;
}

.mk-page-documents .documents-hero .hero-bg-pattern {
    display: none !important;
}

.mk-page-documents .documents-hero .hero-title {
    font-size: 2rem !important;
}

.mk-page-documents .documents-hero .hero-title svg {
    color: #f5b94c !important;
}

.mk-page-documents .documents-hero .hero-subtitle {
    color: #aeb9c9 !important;
}

.mk-page-documents .documents-hero .hero-stats-grid {
    grid-template-columns: repeat(4, minmax(96px, 1fr)) !important;
    gap: .4rem !important;
}

.mk-page-documents .documents-hero .hero-stat-card {
    min-width: 96px;
    min-height: 62px !important;
    padding: .55rem .65rem !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .06) !important;
}

.mk-page-documents .documents-hero .stat-icon {
    color: #f5b94c !important;
}

.mk-page-documents .documents-hero .stat-value {
    font-size: 1.05rem !important;
}

.mk-page-documents .documents-hero .stat-label {
    font-size: .62rem !important;
}

.mk-page-documents .documents-hero .btn-upload {
    min-height: 42px !important;
    padding: .65rem .85rem !important;
    border-radius: 6px !important;
    background: #c27616 !important;
    box-shadow: none !important;
}

.mk-page-documents .documents-search-panel {
    margin-top: .75rem !important;
    padding: .65rem !important;
    border: 1px solid var(--mk-premium-line) !important;
    border-radius: 8px !important;
    box-shadow: var(--mk-premium-shadow-soft) !important;
}

.mk-page-documents .documents-search-panel button {
    background: #9a5b0d !important;
}

.mk-page-documents .popular-banner {
    min-height: 58px !important;
    margin-top: .65rem !important;
    padding: .7rem .9rem !important;
    border: 1px solid #f1d3a3 !important;
    border-radius: 6px !important;
    background: #fffbeb !important;
    box-shadow: none !important;
}

.mk-page-documents .categories-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    margin-top: .9rem !important;
    padding: .25rem 1.15rem !important;
    border: 1px solid var(--mk-premium-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: var(--mk-premium-shadow-soft) !important;
}

.mk-page-documents .category-section {
    min-width: 0;
    margin: 0 !important;
    padding: .85rem 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--mk-premium-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mk-page-documents .category-header-card {
    min-height: 62px !important;
    padding: .55rem .25rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.mk-page-documents .category-icon-badge {
    width: 38px !important;
    height: 38px !important;
    border-radius: 6px !important;
    background: #fff7e6 !important;
    color: #b86d0c !important;
}

.mk-page-documents .category-title {
    font-size: 1rem !important;
}

.mk-page-documents .category-description {
    margin-top: .2rem !important;
    font-size: .78rem !important;
}

.mk-page-documents .category-count-badge {
    border-color: #efd6ae !important;
    background: #fffaf1 !important;
    color: #8a510b !important;
}

.mk-page-documents .subcategories-container {
    border-top: 1px solid #eef1f5;
}

.mk-page-documents .document-category-card {
    border: 0 !important;
    border-bottom: 1px solid #eef1f5 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.mk-page-documents .document-category-card:last-child {
    border-bottom: 0 !important;
}

.mk-page-documents .category-card-link {
    min-height: 68px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(150px, .65fr) !important;
    gap: .75rem !important;
    padding: .65rem .25rem !important;
    border-radius: 4px !important;
}

.mk-page-documents .category-card-link:hover {
    background: #fffbf4 !important;
}

.mk-page-documents .folder-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 5px !important;
    background: #fff7e6 !important;
    color: #b86d0c !important;
}

.mk-page-documents .category-name {
    font-size: .9rem !important;
}

.mk-page-documents .category-desc,
.mk-page-documents .last-doc-meta {
    font-size: .75rem !important;
}

.mk-page-documents .document-count-section {
    min-width: 90px !important;
}

.mk-page-documents .count-badge {
    padding: .42rem .55rem !important;
    border-radius: 5px !important;
}

.mk-page-documents .last-document-section,
.mk-page-documents .no-documents-section {
    min-width: 0 !important;
    padding-left: .75rem !important;
    border-left: 1px solid var(--mk-premium-line) !important;
}

/* Process center: task console */
.mk-page-tools {
    --premium-accent: #ef4444;
}

.mk-page-tools .tools-page {
    padding-top: 1.25rem !important;
}

.mk-page-tools .tools-hero {
    min-height: 164px !important;
    padding: 1.25rem 1.5rem !important;
}

.mk-page-tools .tools-hero .hero-bg-pattern {
    display: none !important;
}

.mk-page-tools .tools-hero .hero-title {
    max-width: 700px !important;
    font-size: 1.9rem !important;
}

.mk-page-tools .tools-hero .hero-title svg {
    color: #f87171 !important;
}

.mk-page-tools .tools-hero .hero-subtitle {
    color: #b5bfce !important;
}

.mk-page-tools .tools-hero .hero-stat-card {
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .06) !important;
}

.mk-page-tools .quick-strip {
    gap: 0 !important;
    margin-top: .75rem !important;
    overflow: hidden;
    border: 1px solid var(--mk-premium-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--mk-premium-shadow-soft);
}

.mk-page-tools .quick-card {
    min-height: 92px !important;
    border: 0 !important;
    border-right: 1px solid var(--mk-premium-line) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: inset 0 3px 0 var(--quick-tone) !important;
}

.mk-page-tools .quick-card:last-child {
    border-right: 0 !important;
}

.mk-page-tools .quick-card:hover {
    transform: none !important;
    background: #f8fafc !important;
}

.mk-page-tools .tools-dashboard {
    grid-template-columns: minmax(0, 1fr) 310px !important;
    gap: 1rem !important;
}

.mk-page-tools .tools-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .65rem !important;
}

.mk-page-tools .tool-card {
    min-height: 126px !important;
    border: 1px solid var(--mk-premium-line) !important;
    border-left: 4px solid var(--module-tone) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.mk-page-tools .tool-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--mk-premium-shadow-soft) !important;
}

.mk-page-tools :where(.side-card, .insight-card) {
    border-radius: 8px !important;
    box-shadow: none !important;
}

.mk-page-tools .insight-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Becayis: data product */
.mk-page-becayis {
    --premium-accent: #14b8a6;
}

.mk-page-becayis .becayis-wrap {
    padding-top: 1.25rem !important;
}

.mk-page-becayis .becayis-hero {
    min-height: 176px !important;
    padding: 1.25rem 1.5rem !important;
}

.mk-page-becayis .becayis-hero-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 1.5rem !important;
    align-items: center !important;
}

.mk-page-becayis .becayis-hero :where(.hero-eyebrow, h1, p, .hero-stats) {
    grid-column: 1;
}

.mk-page-becayis .becayis-hero h1 {
    margin: .45rem 0 .3rem !important;
    font-size: 1.9rem !important;
}

.mk-page-becayis .becayis-hero h1 svg,
.mk-page-becayis .becayis-hero .hero-eyebrow {
    color: #5eead4 !important;
}

.mk-page-becayis .becayis-hero p {
    color: #b5bfce !important;
}

.mk-page-becayis .hero-stats {
    gap: .4rem !important;
    margin-top: .8rem !important;
}

.mk-page-becayis .hstat {
    min-width: 118px !important;
    padding: .55rem .7rem !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .06) !important;
}

.mk-page-becayis .becayis-hero-actions {
    grid-column: 2 !important;
    grid-row: 1 / span 4 !important;
    min-width: 190px;
}

.mk-page-becayis .becayis-hero-actions .btn-hero {
    min-height: 42px !important;
    border-radius: 6px !important;
    background: #0f9d8e !important;
    box-shadow: none !important;
}

.mk-page-becayis .becayis-filter-bar {
    margin-top: .75rem !important;
    padding: .8rem !important;
    border: 1px solid var(--mk-premium-line) !important;
    border-radius: 8px !important;
    box-shadow: var(--mk-premium-shadow-soft) !important;
}

.mk-page-becayis .btn-filter {
    background: #0f8a7d !important;
}

.mk-page-becayis :where(.becayis-list, .becayis-sidebar > section, .empty-state) {
    border-radius: 8px !important;
}

@media (max-width: 1100px) {
    .mk-page-home .homepage-container .hero-card .hero-content {
        grid-template-columns: 1fr !important;
    }

    .mk-page-home .homepage-container .hero-card .user-section {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .11) !important;
        padding-bottom: .8rem !important;
    }

    .mk-page-forum .forum-topbar {
        grid-template-columns: 1fr !important;
    }

    .mk-page-forum .forum-topbar-actions {
        justify-content: flex-start !important;
    }

    .mk-page-documents .documents-hero .hero-content {
        grid-template-columns: 1fr auto !important;
    }

    .mk-page-documents .documents-hero .hero-stats-grid {
        grid-row: 2;
        grid-column: 1 / -1;
    }

    .mk-page-documents .categories-wrapper {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 900px) {
    .mk-page-home .content-grid,
    .mk-page-tools .tools-dashboard {
        grid-template-columns: 1fr !important;
    }

    .mk-page-forum .forum-discovery-board {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mk-page-forum .forum-discovery-card:first-child {
        grid-column: 1 / -1;
        grid-row: auto;
        min-height: 120px !important;
    }

    .mk-page-forum .subcat-row {
        grid-template-columns: 42px minmax(0, 1fr) 140px !important;
    }

    .mk-page-forum .subcat-activity-col {
        display: none !important;
    }

    .mk-page-documents .category-card-link {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    .mk-page-documents :where(.last-document-section, .no-documents-section) {
        display: none !important;
    }

    .mk-page-tools .insight-grid {
        grid-template-columns: 1fr !important;
    }

    .mk-page-becayis .becayis-hero-inner {
        grid-template-columns: 1fr !important;
    }

    .mk-page-becayis .becayis-hero-actions {
        grid-column: 1 !important;
        grid-row: auto !important;
        min-width: 0;
        margin-top: .8rem !important;
    }
}

@media (max-width: 640px) {
    body:is(.mk-page-home, .mk-page-forum, .mk-page-documents, .mk-page-tools, .mk-page-becayis)
    :where(.classic-forum-wrapper, .documents-page-container, .tools-page, .becayis-wrap, .homepage-container) {
        width: min(100% - 20px, 1400px) !important;
    }

    .mk-page-home .homepage-container .hero-card .stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mk-page-home .homepage-container .hero-card .hero-insights {
        grid-template-columns: 1fr !important;
    }

    .mk-page-home .quick-actions-bar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mk-page-home .quick-actions-bar .quick-action {
        border-bottom: 1px solid var(--mk-premium-line) !important;
    }

    .mk-page-home .quick-actions-bar .quick-action:nth-child(even) {
        border-right: 0 !important;
    }

    .mk-page-home .quick-actions-bar .quick-action {
        min-width: 0;
        min-height: 52px !important;
        padding: .7rem .55rem !important;
        gap: .45rem !important;
    }

    .mk-page-home .quick-actions-bar .action-text {
        min-width: 0;
        font-size: .82rem;
        line-height: 1.25;
        text-align: center;
        overflow-wrap: anywhere;
    }

    .mk-page-home :where(.content-grid, .content-main, .content-card, .sidebar-right) {
        min-width: 0;
    }

    .mk-page-home .content-card .card-header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: .7rem !important;
        min-height: 0 !important;
        margin-bottom: 1rem !important;
        padding: .9rem !important;
    }

    .mk-page-home .content-card .header-left {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: .65rem;
        width: 100%;
        min-width: 0;
    }

    .mk-page-home .content-card .header-left h2 {
        display: flex;
        align-items: center;
        gap: .45rem;
        min-width: 0;
        margin: 0 !important;
        font-size: 1rem !important;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .mk-page-home .content-card .header-left h2 svg {
        width: 19px;
        height: 19px;
        flex: 0 0 auto;
    }

    .mk-page-home .content-card .count-badge {
        flex: 0 0 auto;
        min-width: 30px;
        height: 30px;
        padding: 0 .5rem;
        font-size: .78rem;
    }

    .mk-page-home .content-card .view-all-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 40px;
        padding: .58rem .75rem;
        border: 1px solid #fecaca;
        border-radius: 6px;
        background: #fff7f7;
        color: var(--mk-premium-red);
        line-height: 1.2;
        white-space: nowrap;
    }

    .mk-page-home :is(.topic-card, .document-card) {
        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) !important;
        align-items: start;
        gap: .7rem !important;
        min-width: 0;
        padding: .9rem !important;
    }

    .mk-page-home :is(.topic-icon-badge, .doc-icon-badge) {
        width: 38px !important;
        height: 38px !important;
        font-size: 1.1rem !important;
    }

    .mk-page-home :is(.topic-info, .doc-info) {
        min-width: 0;
    }

    .mk-page-home :is(.topic-title, .doc-title) {
        margin-right: 0 !important;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .mk-page-home :is(.topic-meta, .doc-meta) {
        display: flex;
        flex-wrap: wrap;
        gap: .25rem .4rem;
        min-width: 0;
    }

    .mk-page-home :is(.topic-stats, .doc-downloads) {
        position: static !important;
        grid-column: 2;
        justify-self: start;
        margin-top: .15rem;
        padding: .35rem .55rem !important;
        font-size: .78rem !important;
    }

    .mk-page-forum .forum-topbar,
    .mk-page-documents .documents-hero,
    .mk-page-tools .tools-hero,
    .mk-page-becayis .becayis-hero {
        min-height: 0 !important;
        padding: 1.1rem !important;
    }

    .mk-page-forum .forum-title,
    .mk-page-documents .documents-hero .hero-title,
    .mk-page-tools .tools-hero .hero-title,
    .mk-page-becayis .becayis-hero h1 {
        font-size: 1.55rem !important;
    }

    .mk-page-forum .forum-topbar-actions :where(a, button) {
        flex: 1 1 calc(50% - .45rem);
    }

    .mk-page-forum .forum-discovery-board {
        grid-template-columns: 1fr !important;
    }

    .mk-page-forum .forum-discovery-card:first-child {
        grid-column: auto;
    }

    .mk-page-forum .subcat-row {
        grid-template-columns: 38px minmax(0, 1fr) !important;
    }

    .mk-page-forum .subcat-stats-col {
        display: none !important;
    }

    .mk-page-documents .documents-hero .hero-content {
        grid-template-columns: 1fr !important;
    }

    .mk-page-documents .documents-hero .hero-stats-grid {
        grid-column: 1;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mk-page-documents .documents-hero .btn-upload {
        width: 100%;
    }

    .mk-page-documents .categories-wrapper {
        padding: .15rem .75rem !important;
    }

    .mk-page-tools .quick-strip,
    .mk-page-tools .tools-grid {
        grid-template-columns: 1fr !important;
    }

    .mk-page-tools .quick-card {
        border-right: 0 !important;
        border-bottom: 1px solid var(--mk-premium-line) !important;
    }

    .mk-page-becayis .hero-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mk-page-becayis .hstat {
        min-width: 0 !important;
    }
}

@media (max-width: 380px) {
    .mk-page-home .quick-actions-bar {
        grid-template-columns: 1fr !important;
    }

    .mk-page-home .quick-actions-bar .quick-action {
        border-right: 0 !important;
    }
}