/* SHMAHEO Pro - application chrome and responsive workspace */
#core-header-side { overflow: hidden !important; white-space: nowrap !important; }
#core-header-title { transition: opacity 0.2s ease; white-space: nowrap; }
#core-header-side, #core-side-menu-affix { transition: width 0.2s ease !important; }

#core-side-menu-affix { background: #fff !important; }
#core-side-menu .ant-menu-item {
    min-height: 42px; line-height: 42px; margin: 3px 2px;
    border-radius: 7px; color: var(--text-secondary);
    transition: background 0.18s ease, color 0.18s ease !important;
}
#core-side-menu .ant-menu-item-selected {
    background: #e9f0ff !important; color: var(--primary) !important;
    font-weight: 600; box-shadow: inset 3px 0 0 var(--primary);
}
#core-side-menu .ant-menu-item:hover { background: #f3f6fb !important; color: var(--primary) !important; }
#core-side-menu .ant-menu-item:hover .ant-menu-item-icon > span { transform: none; }
#core-side-menu .ant-menu-item-icon > span { font-size: 16px !important; transition: none; }

.core-content-column { min-width: 0 !important; }
#core-container { min-width: 0; max-width: 1440px; margin: 0 auto; width: 100%; }
.core-page-shell { min-width: 0; }
.page-tabs { border-bottom: 1px solid var(--border); }
.ant-tabs-tab { color: var(--text-secondary); font-weight: 600 !important; }
.ant-tabs-tab.ant-tabs-tab-active { color: var(--primary) !important; }
.ant-tabs-ink-bar { background: var(--primary) !important; height: 2px !important; }
.file-row:hover { background: #f7faff !important; }
.resource-link:hover { background: #f3f7ff !important; border-color: #b8caf0 !important; }

@media (max-width: 767px) {
    .core-side-column { display: none !important; }
    .core-header-row { overflow: hidden !important; }
    #core-header-side { width: 64px !important; padding: 0 12px !important; }
    #core-header-side #core-header-title { display: none !important; }
    #core-header-side .ant-space { gap: 0 !important; }
    .core-search-tools, #core-page-search,
    .core-header-row .ant-space:has(#core-page-search) { display: none !important; }
    #core-header-side + * { padding-left: 10px !important; padding-right: 10px !important; }
    #core-container { padding: 12px !important; }
    .core-content-column { width: 100% !important; flex: 1 1 100% !important; }
    .ant-row { margin-left: 0 !important; margin-right: 0 !important; }
    .ant-tabs-nav { margin-bottom: 10px !important; }
}
