/*
 * Bundle: core.min.css
 * Generated: 2025-11-09 23:26:49
 * Files: 3
 */

/* === top-controls.css === */
.top-control-bar {
display: none;
}
.no-notifications {
text-align: center;
padding: 3rem 1.5rem;
color: rgba(120, 120, 120, 0.8);
}
.no-notifications i {
font-size: 2.5rem;
margin-bottom: 1rem;
display: block;
color: rgba(180, 180, 180, 0.6);
}
.no-notifications p {
margin: 0;
font-size: 1rem;
font-weight: 500;
}
.notification-badge {
position: absolute;
top: -10px;
right: -10px;
background: linear-gradient(135deg, #ff4d4f, #d9363e);
color: #fff;
border-radius: 999px;
min-width: 22px;
height: 22px;
padding: 0 6px;
font-size: 12px;
line-height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 800;
border: 2px solid #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
z-index: 20;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.notifications-panel,
#notificationsPanel {
position: absolute !important;
top: calc(100% + 8px) !important;
right: 0 !important;
width: 480px !important;
max-height: 600px !important;
background: linear-gradient(135deg,
rgba(255, 255, 255, 0.95) 0%,
rgba(248, 250, 252, 0.9) 100%);
backdrop-filter: blur(25px) saturate(1.8);
-webkit-backdrop-filter: blur(25px) saturate(1.8);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 16px;
box-shadow:
0 25px 50px rgba(0, 0, 0, 0.25),
0 12px 24px rgba(0, 0, 0, 0.15),
0 4px 8px rgba(0, 0, 0, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
z-index: 999999999 !important;
display: none !important;
transform: translateY(-10px) scale(0.95) !important;
transform-origin: top right !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
overflow: hidden !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.notifications-wrapper > .notifications-panel::before {
content: '';
position: absolute;
top: -6px;
right: 14px;
width: 10px;
height: 10px;
background: inherit;
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-top: 1px solid rgba(255, 255, 255, 0.3);
transform: rotate(45deg);
box-shadow: -2px -2px 4px rgba(0,0,0,0.05);
}
.control-buttons {
position: relative;
}
.notifications-panel.active,
#notificationsPanel.active {
display: block !important;
transform: translateY(0) scale(1) !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
overflow-y: auto !important;
z-index: 999999999 !important;
position: fixed !important;
animation: slideDownFade 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes slideDownFade {
0% {
opacity: 0;
transform: translateY(-10px) scale(0.95);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.notifications-panel.active::after { content: none !important; }
body .notifications-panel:not(.active),
body #notificationsPanel:not(.active),
.team-portal-container .notifications-panel:not(.active),
.main-header-row .notifications-panel:not(.active) {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
max-height: 0 !important;
overflow: hidden !important;
}
.notifications-panel[style*="display: block"]:not(.active),
.notifications-panel[style*="opacity: 1"]:not(.active),
.notifications-panel[style*="visibility: visible"]:not(.active) {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
body:not(.force-show-notifications) .notifications-panel:not(.active),
html .notifications-panel:not(.active),
* .notifications-panel:not(.active) {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
overflow: hidden !important;
}
body > .notifications-panel.active,
body > #notificationsPanel.active {
position: fixed !important;
top: calc(var(--header-height) + 8px) !important;
right: 20px !important;
}
.notifications-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.25rem 1.5rem 1rem 1.5rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
background: transparent;
}
.notifications-header h3 {
margin: 0;
color: rgba(30, 30, 30, 0.95);
font-size: 1.2rem;
font-weight: 700;
letter-spacing: -0.02em;
}
.close-notifications {
background: rgba(0, 0, 0, 0.04);
border: none;
color: rgba(100, 100, 100, 0.8);
cursor: pointer;
font-size: 1rem;
padding: 0.5rem;
border-radius: 50%;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.close-notifications:hover {
background: rgba(0, 0, 0, 0.08);
color: rgba(50, 50, 50, 1);
transform: scale(1.05);
}
.notifications-content {
max-height: 380px;
padding: 0.5rem;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.notifications-content::-webkit-scrollbar {
width: 6px;
}
.notifications-content::-webkit-scrollbar-track {
background: transparent;
}
.notifications-content::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
border-radius: 3px;
}
.notifications-content::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.3);
}
.no-notifications {
text-align: center;
padding: 2rem 1rem;
color: rgba(255, 255, 255, 0.6);
}
.main-header-row .control-buttons .notifications-btn {
display: inline-flex;
align-items: center;
gap: 6px;
background: transparent;
border: none;
color: #e5e7eb;
height: var(--header-height);
padding: 0 8px;
}
.main-header-row .control-buttons .notifications-btn:hover {
background: rgba(255,255,255,0.06);
border-radius: 6px;
}
.main-header-row .control-buttons .notifications-btn .notification-badge {
position: static !important;
top: auto !important;
right: auto !important;
transform: none !important;
border-radius: 9999px !important;
min-width: 18px !important;
height: 18px !important;
padding: 0 6px !important;
line-height: 18px !important;
font-size: 12px !important;
font-weight: 700 !important;
margin-inline-start: 6px !important;
border: 1px solid rgba(255,255,255,0.9) !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.35) !important;
animation: none !important;
}
.no-notifications i {
font-size: 2rem;
margin-bottom: 0.5rem;
display: block;
}
.no-notifications p {
margin: 0;
font-size: 0.9rem;
}
.notification-item {
background: transparent;
border: none;
border-radius: 12px;
padding: 1rem;
margin: 0.25rem 0;
transition: all 0.2s ease;
cursor: pointer;
border-left: 3px solid transparent;
}
.notification-item:hover {
background: rgba(0, 0, 0, 0.04);
transform: translateX(2px);
}
.notification-item.unread {
border-left-color: #1877f2;
background: rgba(24, 119, 242, 0.05);
}
.notification-item.unread:hover {
background: rgba(24, 119, 242, 0.08);
}
.notification-title {
font-weight: 600;
color: rgba(30, 30, 30, 0.9);
font-size: 0.9rem;
margin-bottom: 0.25rem;
}
.notification-message {
color: rgba(100, 100, 100, 0.8);
font-size: 0.8rem;
line-height: 1.3;
margin-bottom: 0.25rem;
}
.notification-time {
color: rgba(130, 130, 130, 0.7);
font-size: 0.75rem;
}
@media (max-width: 768px) {
.notifications-panel { width: 320px; max-height: 400px; right: 0; top: calc(100% + 8px) !important; }
.notifications-panel.active { right: 0 !important; top: calc(100% + 8px) !important; }
}
@media (max-width: 480px) {
.notifications-panel { width: calc(100vw - 20px); left: 10px; right: 10px; max-height: 350px; top: calc(100% + 8px) !important; }
.notifications-panel.active { width: calc(100vw - 20px) !important; left: 10px !important; right: 10px !important; top: calc(100% + 8px) !important; }
}
.notification-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.5rem;
}
.notification-title {
font-weight: 600;
color: rgba(255, 255, 255, 0.95);
font-size: 0.9rem;
margin: 0;
}
.notification-time {
font-size: 0.7rem;
color: rgba(255, 255, 255, 0.6);
}
.notification-message {
color: rgba(255, 255, 255, 0.8);
font-size: 0.8rem;
line-height: 1.4;
margin: 0;
}
.notification-editor {
font-weight: 500;
color: rgba(52, 152, 219, 0.9);
}
body.dark-mode {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
color: #ffffff;
}
body.dark-mode .control-buttons {
background: rgba(0, 0, 0, 0.3);
border-color: rgba(255, 255, 255, 0.1);
}
body.dark-mode .control-btn {
background: rgba(0, 0, 0, 0.2);
border-color: rgba(255, 255, 255, 0.1);
}
body.dark-mode .notifications-panel {
background: rgba(0, 0, 0, 0.3);
border-color: rgba(255, 255, 255, 0.1);
}
body.dark-mode .notifications-header {
background: rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(255, 255, 255, 0.05);
}
body.dark-mode .notification-item {
background: rgba(0, 0, 0, 0.2);
border-color: rgba(255, 255, 255, 0.05);
}
body.dark-mode .notification-item:hover {
background: rgba(0, 0, 0, 0.3);
border-color: rgba(255, 255, 255, 0.1);
}
body.light-mode {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #333333;
}
body.light-mode .control-buttons {
background: rgba(255, 255, 255, 0.3);
border-color: rgba(255, 255, 255, 0.4);
}
body.light-mode .control-btn {
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.3);
color: rgba(0, 0, 0, 0.8);
}
body.light-mode .control-btn:hover {
color: rgba(0, 0, 0, 0.9);
}
body.light-mode .notifications-panel {
background: rgba(255, 255, 255, 0.3);
border-color: rgba(255, 255, 255, 0.4);
}
body.light-mode .notifications-header {
background: rgba(255, 255, 255, 0.2);
border-bottom-color: rgba(255, 255, 255, 0.2);
}
body.light-mode .notifications-header h3 {
color: rgba(0, 0, 0, 0.8);
}
body.light-mode .close-notifications {
color: rgba(0, 0, 0, 0.6);
}
body.light-mode .close-notifications:hover {
color: rgba(0, 0, 0, 0.8);
}
body.light-mode .no-notifications {
color: rgba(0, 0, 0, 0.6);
}
body.light-mode .notification-item {
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2);
}
body.light-mode .notification-item:hover {
background: rgba(255, 255, 255, 0.3);
border-color: rgba(255, 255, 255, 0.4);
}
body.light-mode .notification-title {
color: rgba(0, 0, 0, 0.9);
}
body.light-mode .notification-message {
color: rgba(0, 0, 0, 0.7);
}
body.light-mode .notification-time {
color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
.top-control-bar {
top: 10px;
left: 10px;
}
.notifications-panel {
top: 70px;
left: 10px;
right: 10px;
width: auto;
}
.control-btn {
width: 35px;
height: 35px;
font-size: 0.9rem;
}
}
.notifications-panel.active,
#notificationsPanel.active {
z-index: 2147483647 !important;
position: fixed !important;
isolation: isolate !important;
}
.notifications-wrapper {
z-index: 2147483646 !important;
position: relative !important;
}
@media (max-width: 768px) {
.notifications-panel,
#notificationsPanel {
width: 90vw !important;
max-width: 400px !important;
right: 5vw !important;
left: auto !important;
}
}
@media (max-width: 480px) {
.notifications-panel,
#notificationsPanel {
width: 95vw !important;
max-width: none !important;
right: 2.5vw !important;
max-height: 70vh !important;
}
}

/* === spacing-fix.css === */
.main-header-row {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
padding: 0 12px !important;
height: var(--header-height) !important;
z-index: 10000 !important;
border: none !important;
background: #0a0a0a !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
}
.main-header-row::after,
.main-header-row + * {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.team-portal-container {
margin-top: calc(var(--header-height) + 10px) !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
padding-top: 20px !important;
min-height: calc(100vh - var(--header-height) - 130px) !important;
padding: 0 1rem !important;
padding-top: 0 !important;
}
.team-portal-container > *,
.team-portal-container > * > * {
margin-top: 0 !important;
padding-top: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.main-header-row + .portal-main-container {
margin-top: 0 !important;
padding-top: 0 !important;
border-top: none !important;
}
.portal-main-container {
margin: 0 !important;
padding: 0 !important;
padding-top: 0 !important;
margin-top: 0 !important;
max-width: 100vw !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
.tabs-container {
margin: 0 !important;
padding: 0 !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
.tabcontent {
margin-top: 0 !important;
padding-top: 0 !important;
}
.files-layout {
margin-top: 0 !important;
padding-top: 0 !important;
}
.tabcontent {
margin-top: 0 !important;
padding-top: 0 !important;
}
.files-layout .section-header {
margin-top: 0 !important;
}
.large-stats-card-wrapper {
margin-top: 0 !important;
padding-top: 0 !important;
}
.modern-tabs {
margin: 0 !important;
padding: 0 !important;
padding-top: 0 !important;
}
.tab-nav {
margin: 0 !important;
padding: 12px 16px !important;
padding-top: 12px !important;
}
.tab-selection-cards {
margin: 0 !important;
padding: 0 8px !important;
gap: 12px !important;
}
.large-tab-card {
margin: 0 !important;
padding: 0 10px !important;
}
html,
body {
margin: 0 !important;
padding: 0 !important;
border: none !important;
overflow-x: hidden !important;
max-width: 100vw !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body > * {
margin-top: 0 !important;
}
html.wp-toolbar {
padding-top: 0 !important;
}
body.admin-bar {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.admin-bar .main-header-row {
top: 0 !important;
}
.team-portal-shortcode {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.team-portal-shortcode > * {
margin-top: 0 !important;
padding-top: 0 !important;
}
.elementor-widget-shortcode,
.elementor-element,
.wp-block {
margin-top: 0 !important;
padding-top: 0 !important;
}
.team-portal-shortcode,
.team-portal-container,
.portal-main-container {
background: transparent !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
* {
margin-top: 0 !important;
}
*::before,
*::after {
margin: 0 !important;
padding: 0 !important;
}
.notifications-panel,
#notificationsPanel {
z-index: 2147483647 !important;
position: absolute !important;
}
.notifications-panel.active,
#notificationsPanel.active {
z-index: 2147483647 !important;
position: absolute !important;
}
.filters-container,
.advanced-search-container,
.search-section,
.filter-row {
position: relative !important;
z-index: 50 !important;
}
.dataTables_wrapper,
#posts-table_wrapper,
table.dataTable,
#posts-table {
position: relative !important;
z-index: 1 !important;
}
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
position: relative !important;
z-index: 1 !important;
}
.dark-mode .main-header-row {
background: #000000 !important;
border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
@media screen and (max-width: 768px) {
.main-header-row {
height: var(--header-height-mobile) !important;
}
.team-portal-container {
margin-top: calc(var(--header-height-mobile) + 50px) !important;
}
}
.portal-main-container,
.portal-main-container *,
.team-portal-container,
.team-portal-container *,
.tab-content-wrapper,
.tab-content-wrapper *,
.tabcontent,
.tabcontent * {
max-width: 100% !important;
box-sizing: border-box !important;
}
body,
html,
.portal-main-container,
.team-portal-container,
.tab-content-wrapper,
.tabcontent {
overflow-x: hidden !important;
}
.portal-main-container,
.team-portal-container,
.grid-container,
.tab-content-wrapper,
.tabcontent,
.files-layout,
.large-stats-card-wrapper {
margin-bottom: 0 !important;
padding-bottom: 1rem !important;
}
.card,
.stats-card,
.large-card,
.client-card,
.task-card,
.file-card {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
}
.main-header-row {
margin-bottom: 0 !important;
}
.compact-filters-bar {
margin-top: 1rem !important;
}
.tabcontent {
padding-top: 0 !important;
margin-top: 0 !important;
}
.stats-bar,
.stats-bar--modern {
margin-top: 0 !important;
padding-top: 0 !important;
}
.team-portal-container {
min-height: auto !important;
height: auto !important;
margin-bottom: 0 !important;
padding-bottom: 1rem !important;
}
.portal-main-container,
.tabs-container {
margin-bottom: 0 !important;
padding-bottom: 0.5rem !important;
}
.tabcontent {
margin-bottom: 0 !important;
padding-bottom: 1rem !important;
}
.client-card,
.task-card,
.file-card,
.large-card {
margin-bottom: 1rem !important;
}
.team-portal-container > *:last-child,
.portal-main-container > *:last-child,
.tabs-container > *:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.dataTables_wrapper {
margin-top: 1rem !important;
}
table.dataTable tbody tr {
margin-bottom: 0.25rem !important;
}
.dataTables_info,
.dataTables_paginate {
margin-top: 1rem !important;
}

/* === clients-table-controls.css === */
:root {
--clients-toolbar-bg: #ffffff;
--clients-toolbar-border: #e5e7eb;
--clients-toolbar-shadow: 0 2px 4px rgba(0,0,0,0.04);
--clients-toolbar-radius: 10px;
--clients-toolbar-gap: 10px;
--clients-toolbar-padding: 10px 14px;
--clients-btn-height: 38px;
--clients-btn-font: 13px;
--clients-btn-radius: 8px;
--clients-accent: #6366f1;
--clients-accent-hover: #4f46e5;
--clients-danger: #dc2626;
--clients-danger-hover: #b91c1c;
--clients-neutral: #374151;
--clients-neutral-hover: #111827;
--clients-soft-bg: #f8fafc;
--clients-soft-border: #e2e8f0;
--clients-badge-bg: #eef2ff;
--clients-badge-text: #4338ca;
}
.table-controls-wrapper {
display: flex;
align-items: stretch;
justify-content: space-between;
gap: var(--clients-toolbar-gap);
background: var(--clients-toolbar-bg);
border: 1px solid var(--clients-toolbar-border);
border-radius: var(--clients-toolbar-radius);
padding: var(--clients-toolbar-padding);
margin: 0 0 14px 0;
box-shadow: var(--clients-toolbar-shadow);
position: relative;
flex-wrap: wrap;
direction: rtl;
flex-direction: row-reverse;
}
.table-controls-left { display:flex; align-items:center; gap:12px; }
.table-controls-right { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.table-title {
margin: 0;
font-size: 16px;
font-weight: 700;
display: flex;
align-items: center;
gap: 8px;
color: #1f2937;
}
.table-title i { color: var(--clients-accent); font-size: 15px; }
.table-control-btn {
display: inline-flex;
align-items: center;
gap: 6px;
height: var(--clients-btn-height);
padding: 0 14px;
font-size: var(--clients-btn-font);
font-weight: 600;
border: 1px solid var(--clients-soft-border);
background: var(--clients-soft-bg);
color: var(--clients-neutral);
border-radius: var(--clients-btn-radius);
cursor: pointer;
line-height: 1;
position: relative;
transition: all 0.18s ease;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.table-control-btn i { font-size:14px; }
.table-control-btn:hover { background:#eef2f7; color: var(--clients-neutral-hover); }
.table-control-btn:active { transform: translateY(1px); }
.table-control-btn:focus { outline:2px solid #c7d2fe; outline-offset:2px; }
.clear-filters-btn { background: linear-gradient(135deg,#fee2e2,#fecaca); color:#991b1b; border-color:#fecaca; }
.clear-filters-btn:hover { background: linear-gradient(135deg,#fecaca,#fca5a5); color:#7f1d1d; }
.refresh-btn { background: linear-gradient(135deg,#eef2ff,#e0e7ff); color:#4338ca; border-color:#e0e7ff; }
.refresh-btn:hover { background: linear-gradient(135deg,#e0e7ff,#c7d2fe); }
.view-toggle-btn { background: linear-gradient(135deg,#f0fdfa,#ccfbf1); color:#0f766e; border-color:#99f6e4; }
.view-toggle-btn:hover { background: linear-gradient(135deg,#ccfbf1,#99f6e4); }
.print-btn { background: linear-gradient(135deg,#faf5ff,#ede9fe); color:#6d28d9; border-color:#ddd6fe; }
.print-btn:hover { background: linear-gradient(135deg,#ede9fe,#ddd6fe); }
.excel-btn { background: linear-gradient(135deg,#ecfdf5,#d1fae5); color:#047857; border-color:#a7f3d0; }
.excel-btn:hover { background: linear-gradient(135deg,#d1fae5,#a7f3d0); }
.pdf-btn { background: linear-gradient(135deg,#fef2f2,#fee2e2); color:#b91c1c; border-color:#fecaca; }
.pdf-btn:hover { background: linear-gradient(135deg,#fee2e2,#fecaca); }
.dataTables_wrapper .dataTables_info { display: none !important; }
.results-counter-btn.table-control-btn {
background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
color: #78350f;
border-color: #fbbf24;
box-shadow: 0 1px 0 rgba(251,191,36,0.25), 0 1px 2px rgba(0,0,0,0.04);
}
.results-counter-btn.table-control-btn:hover {
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
color: #7c2d12;
}
.results-counter-btn .count-sep { opacity: .8; margin: 0 4px; }
.results-counter-btn .count-current { font-weight: 800; }
.results-counter-btn .count-total { opacity: .9; }
.results-counter-btn i { color:#d97706; }
#posts-table thead th,
.dataTables_wrapper .dataTables_scrollHead th {
background: linear-gradient(135deg, #1e293b 0%, #334155 100%) !important;
color: #ffffff !important;
font-weight: 700;
font-size: 13px;
padding: 14px 16px;
border-bottom: 3px solid #0f172a !important;
border-right: 1px solid rgba(255,255,255,0.1) !important;
white-space: nowrap;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
position: relative;
transition: background 0.2s ease;
}
#posts-table thead th:hover,
.dataTables_wrapper .dataTables_scrollHead th:hover {
background: linear-gradient(135deg, #334155 0%, #475569 100%) !important;
}
#posts-table thead th:first-child,
.dataTables_wrapper .dataTables_scrollHead th:first-child {
border-radius: 10px 0 0 0;
}
#posts-table thead th:last-child,
.dataTables_wrapper .dataTables_scrollHead th:last-child {
border-radius: 0 10px 0 0;
}
#posts-table tbody td {
font-size: 13px;
padding: 12px 16px;
border-bottom: 1px solid #e5e7eb;
transition: background 0.15s ease;
}
#posts-table tbody tr {
background: #ffffff;
transition: all 0.15s ease;
}
#posts-table tbody tr:hover {
background: #f8fafc !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}
#posts-table { margin-bottom: 20px !important; }
@media (max-width: 1100px) {
.table-controls-wrapper { flex-direction: column; align-items: stretch; }
.table-controls-right { justify-content: flex-start; }
}
@media (max-width: 640px) {
.table-control-btn { flex:1 1 48%; justify-content:center; }
.table-controls-right { gap:6px; }
}
html[dir='rtl'] .table-control-btn i { margin-left:2px; }
#posts-table tbody tr:hover { background:#f1f5f9 !important; }
#posts-table tbody tr.selected { background:#eef2ff !important; }
.clients-table-loading-bar {
position:absolute; inset:0 0 auto 0; height:3px; background:linear-gradient(90deg,#6366f1,#22d3ee,#6366f1); background-size:200% 100%; animation: clientsLoading 1.2s linear infinite; border-radius:8px 8px 0 0; display:none;
}
@keyframes clientsLoading { to { background-position: -200% 0; } }