/* --- Compact layout variables --- */
body.compact-layout {
    --compact-font-size: 11px;
    --compact-line-height: 1.2;
    --compact-gap: 2px;
    --compact-radius: 2px;
    background-color: #f4f4f4 !important;
}

/* --- Typography & general spacing --- */
body.compact-layout,
body.compact-layout .media,
body.compact-layout .panel,
body.compact-layout .comment-container,
body.compact-layout .form-control,
body.compact-layout .btn,
body.compact-layout .content,
body.compact-layout .content-info,
body.compact-layout .wall-entry,
body.compact-layout .wall-entry .content,
body.compact-layout .wall-entry .content-info {
    font-size: var(--compact-font-size) !important;
    line-height: var(--compact-line-height) !important;
}

/* --- Panels --- */
body.compact-layout .panel {
    margin-bottom: var(--compact-gap) !important;
    padding: 4px 6px !important;
    border-radius: var(--compact-radius) !important;
}

body.compact-layout .panel-heading,
body.compact-layout .panel-footer {
    padding: 2px 6px !important;
    font-size: 10px !important;
}

/* --- Stream entries / wall --- */
body.compact-layout .s2_streamContent > div,
body.compact-layout .comment-container,
body.compact-layout .wall-entry {
    margin-bottom: var(--compact-gap) !important;
}

body.compact-layout .wall-entry {
    padding-bottom: 4px !important;
    border-bottom: 1px solid #eaeaea;
}

body.compact-layout .content {
    background-color: #fafafa !important;
}

/* --- Buttons --- */
body.compact-layout .btn {
    padding: 1px 6px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
}

/* --- Media / avatars --- */
body.compact-layout .media-left img,
body.compact-layout .media-object {
    width: 24px !important;
    height: 24px !important;
}

/* --- Forms / inputs --- */
body.compact-layout .form-control {
    padding: 2px 4px !important;
    height: auto !important;
    font-size: 10px !important;
}

body.compact-layout .comment_create {
    margin-top: 2px !important;
}

/* --- Lists / items --- */
body.compact-layout ul,
body.compact-layout li {
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Badges / labels --- */
body.compact-layout .label,
body.compact-layout .badge {
    font-size: 9px !important;
    padding: 1px 4px !important;
}

/* --- Tabs / navs --- */
body.compact-layout .nav-tabs > li > a {
    padding: 4px 8px !important;
    font-size: 10px !important;
}

body.compact-layout .nav-tabs > li > a i {
    margin-right: 2px;
}

/* --- Stream filter toggle / wrapper --- */
.compact-toggle-wrapper {
    float: right;
    margin-right: 6px;
    margin-top: 2px;
    display: inline-block;
}

.compact-layout-toggle button {
    font-size: 10px !important;
    padding: 1px 6px !important;
    line-height: 1.1 !important;
}

/* --- Reduce spacing in filter panel --- */
body.compact-layout .wallFilterPanel .filter-panel {
    padding: 2px !important;
}

body.compact-layout .wallFilterPanel .filter-block {
    margin-bottom: 2px !important;
}

body.compact-layout .wallFilterPanel .filter-list li {
    margin-bottom: 2px !important;
}

/* --- Reduce spacing in header / stream-header --- */
body.compact-layout .stream-header.clearfix {
    padding: 2px 4px !important;
    margin-bottom: 2px !important;
}

/* --- Overall content adjustments --- */
body.compact-layout .panel-body,
body.compact-layout .comment-content,
body.compact-layout .wall-entry .content {
    padding: 2px 4px !important;
}