/* Sync Queue specific styles extracted from legacy Dashboard_Controller */
.momcs-sync-status-chip {display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;line-height:1.4;}
.momcs-sync-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}
.momcs-sync-status-chip.success{background-color:#ecf7ed;color:#1e8e3e}
.momcs-sync-status-chip.success .momcs-sync-status-dot{background-color:#1e8e3e}
.momcs-sync-status-chip.error{background-color:#fce8e6;color:#d93025}
.momcs-sync-status-chip.error .momcs-sync-status-dot{background-color:#d93025}
.momcs-sync-status-chip.warning{background-color:#fff8e1;color:#996800}
.momcs-sync-status-chip.warning .momcs-sync-status-dot{background-color:#996800}
.momcs-sync-status-chip.info{background-color:#e8f4fd;color:#1a73e8}
.momcs-sync-status-chip.info .momcs-sync-status-dot{background-color:#1a73e8}
.momcs-sync-status-chip.default{background-color:#f1f3f4;color:#5f6368}
.momcs-sync-status-chip.default .momcs-sync-status-dot{background-color:#5f6368}

/* Product chip */
.momcs-sync-product-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;line-height:1.4;background-color:#f8f9fa;color:#3c4043;margin:2px;border:1px solid #dadce0}
.momcs-sync-product-chip:hover{background-color:#f1f3f4;border-color:#c6c9cc}
.momcs-sync-product-chips{display:flex;flex-wrap:wrap;gap:4px}

/* Channel info display for scheduled syncs */
.momcs-sync-channel-info{font-size:13px;line-height:1.5}
.momcs-sync-channel-info strong{color:#1e1e1e;font-weight:600}

/* Channel/Marketplace display for individual marketplace syncs */
.momcs-sync-channel-marketplace {
    font-size: 13px;
    line-height: 1.5;
}

.momcs-channel-name {
    font-weight: 600;
    color: #1e1e1e;
}

.momcs-marketplace-separator {
    color: #9ca3af;
    margin: 0 2px;
}

.momcs-marketplace-name {
    color: #4b5563;
}

.momcs-product-count {
    color: #6b7280;
    font-size: 11px;
}

.momcs-sync-product-count {
    font-size: 13px;
    color: #4b5563;
}

/* Cancel link styling */
.momcs-cancel-sync {
    color: #ea580c;
    text-decoration: none;
}

.momcs-cancel-sync:hover {
    color: #c2410c;
    text-decoration: underline;
}

/* Shimmer placeholder rows */
.momcs-shimmer{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:800px 104px;animation:shimmer 1.5s infinite linear}
@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}

/* Sub-tabs styling */
.momcs-sync-sub-tabs {
    display: flex;
    border-bottom: 1px solid #e5e7eb;
    margin: 15px 0;
    padding: 0;
}

.momcs-sync-sub-tab {
    padding: 12px 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #646970;
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease;
    text-decoration: none;
}

.momcs-sync-sub-tab:hover {
    color: #ea580c;
    border-bottom-color: #c3c4c7;
}

.momcs-sync-sub-tab.active {
    color: #ea580c;
    border-bottom-color: #ea580c;
    background-color: rgba(234, 88, 12, 0.08);
}

/* Tab content containers */
.momcs-sync-tab-content {
    display: none;
}

.momcs-sync-tab-content.active {
    display: block;
}

/* Pagination */
.momcs-sync-pagination{display:flex;align-items:center;justify-content:flex-end;padding:1px 15px}
.momcs-sync-pagination.top{margin:12px -18px 15px 0px;border-bottom:1px solid #e5e7eb}
.momcs-sync-pagination.bottom{margin:10px -18px;border-top:1px solid #e5e7eb}
.momcs-sync-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;margin:0 3px;padding:0 4px;color:#ea580c;background:#f0f0f1;border:1px solid #c3c4c7;border-radius:3px;text-decoration:none;font-size:13px;line-height:1.7;cursor:pointer}
.momcs-sync-pagination .page-numbers.current{background:#ea580c;border-color:#ea580c;color:#fff;cursor:default}
.momcs-sync-pagination .page-numbers:not(.current):hover{background:#f6f7f7;border-color:#8c8f94;color:#c2410c}
.momcs-sync-pagination .page-numbers.dots{background:none;border:none;cursor:default}
.momcs-sync-pagination .page-numbers.prev,.momcs-sync-pagination .page-numbers.next{padding:0 8px}
.momcs-sync-pagination .page-numbers.disabled{opacity:.5;cursor:not-allowed}
.momcs-sync-showing-entries{color:#666;font-size:12px;margin-right:auto}

/* Chips for methods and status */
.momcs-chip{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;line-height:1.4}
.momcs-chip-method.method-get{background:#e8f4fd;color:#1a73e8}
.momcs-chip-method.method-post{background:#ffe7e0;color:#d93025}
.momcs-chip-method.method-put{background:#ede7f6;color:#673ab7}
.momcs-chip-method.method-delete{background:#fdecea;color:#c62828}
.momcs-chip-status.success{background:#ecf7ed;color:#1e8e3e}
.momcs-chip-status.error{background:#fce8e6;color:#d93025}
.momcs-code-url{font-family:monospace;word-break:break-all; border-radius: 8px;}
.momcs-toggle-link{cursor:pointer;color:#ea580c;font-size:12px}
.momcs-toggle-link:hover{text-decoration:underline}

/* Modal overlay */
.momcs-sync-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9998}
.momcs-sync-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background:#fff;padding:24px 28px;max-width:900px;width:calc(100% - 80px);max-height:80vh;overflow:auto;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.momcs-sync-modal-header{display:flex;align-items:center;justify-content:space-between;margin:-24px -28px 20px;padding:16px 28px;border-bottom:1px solid #ddd}
.momcs-sync-modal-header h2{margin:0;padding:0;line-height:1.4}
.momcs-sync-modal-actions{display:flex;align-items:center}
.momcs-sync-modal-close{padding:0;background:none;border:none;color:#666;font-size:24px;line-height:1;cursor:pointer}
.momcs-sync-modal-close:hover{color:#135e96}
.momcs-sync-loading-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background:#fff;padding:30px;border-radius:8px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.momcs-sync-spinner{display:inline-block;width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #ea580c;border-radius:50%;animation:momcsSpinnerRotate 1s linear infinite;margin-bottom:15px}
@keyframes momcsSpinnerRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* Toggle switch */
.momcs-toggle-switch{display:inline-flex;align-items:center;gap:8px;margin-right:15px;cursor:pointer}
.momcs-toggle-switch input{display:none}
.momcs-toggle-slider{position:relative;width:36px;height:20px;background:#ccc;border-radius:20px;transition:background-color .2s}
.momcs-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;bottom:2px;background:white;border-radius:50%;transition:transform .2s}
.momcs-toggle-switch input:checked+.momcs-toggle-slider{background:#ea580c}
.momcs-toggle-switch input:checked+.momcs-toggle-slider:before{transform:translateX(16px)}
.momcs-toggle-label{font-size:13px;color:#666;user-select:none}

/* Timeline */
.momcs-sync-timeline{position:relative;list-style:none;margin:0;padding:0 0 0 32px}
.momcs-sync-timeline:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:2px;background:#e7e9ec}

/* Modern, card-like nodes */
.momcs-sync-node{position:relative;margin:14px 0 14px 0;padding:14px 16px 14px 18px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:box-shadow .2s ease,transform .1s ease;cursor: pointer;}
.momcs-sync-node:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}
.momcs-sync-node.active{box-shadow:0 6px 14px rgba(0,0,0,.1)}

/* Spacing between sections in issues modal */
.momcs-issues-section{margin-bottom:18px}
.momcs-issues-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}

/* Title and meta styles */
.momcs-issue-details strong{display:block;font-size:16px;color:#1f2937;margin-bottom:4px}
.momcs-issue-code{margin-top:6px;color:#6b7280}
.momcs-issue-code code{background:#f3f4f6;border-radius:4px;padding:2px 6px}
.momcs-sync-node .timestamp{display:block;color:#6b7280;font-size:12px;margin-bottom:4px}
/* Ensure small inline timestamp layout with icon */
.momcs-sync-timeline .timestamp{display:inline-flex;align-items:center;gap:6px;color:#6b7280;font-size:12px;margin:4px 0}
.momcs-sync-timeline .timestamp svg{width:14px;height:14px;flex:0 0 14px;display:inline-block}
.momcs-sync-timeline .timestamp svg path{fill:currentColor}

/* Icon bullets - larger, colored, with symbols */
.momcs-sync-node:before{content:"";position:absolute;left:-27px;top:17px;width:18px;height:18px;border-radius:50%;background:#d5d5d5;color:#fff;text-align:center;line-height:18px;font-weight:700;box-shadow:0 0 0 6px #fff}
.momcs-sev-success:before{
	content:"";
	background:#46b454;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0%200%2025%2025' fill='none'%3E%3Cpath d='M5.5%2012.5L10.167%2017L19.5%208' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:center;
	background-size:20px 14px;
}
.momcs-sev-error:before{content:"!";background:#dc3232}
.momcs-sev-warning:before{content:"!";background:#ffb900;color:#4a3b00}

/* Prevent oversized SVGs inside nodes/messages */
.momcs-issues-content .momcs-sync-node svg{width:16px;height:16px;display:inline-block;vertical-align:middle}
.momcs-issues-content svg{max-width:24px;max-height:24px}
.momcs-sev-info:before{background:#72aee6}

/* Extended shimmer layout */
.momcs-shimmer-row td{padding:12px}
.momcs-shimmer-row td>div{height:16px;border-radius:4px}
.momcs-shimmer-row td:nth-child(1)>div{width:50px}
.momcs-shimmer-row td:nth-child(2)>div{width:200px}
.momcs-shimmer-row td:nth-child(3)>div{width:120px}
.momcs-shimmer-row td:nth-child(4)>div{width:80px}
.momcs-shimmer-row td:nth-child(5)>div{width:60px}

/* Sub preformatted code */
.momcs-sub-pre{white-space:pre-wrap;background:#f7f7f7;padding:8px;border-radius:8px;margin-top:4px;overflow-x:auto;word-break:break-all}
