/* TRS Publer Analytics - v3.0 Premium */

/* ===== BASE ===== */
.trs-publer-widget{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;margin:40px 0;max-width:920px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4}

/* ===== FULL WIDGET ===== */
.trs-publer-full{background:#fff;border:1px solid #dce0e5;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.06)}

/* Header */
.trs-publer-header{background:#18191b;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.trs-publer-header-inner{display:flex;align-items:center;gap:16px;min-width:0}
.trs-publer-text-logo{font-size:10px;font-weight:700;color:rgba(255,255,255,0.55);letter-spacing:3px;white-space:nowrap;flex-shrink:0}
.trs-publer-header-divider{width:1px;height:32px;background:rgba(255,255,255,0.15);flex-shrink:0}
.trs-publer-header-text{min-width:0}
.trs-publer-property-name{font-size:20px;font-weight:600;color:#fff;letter-spacing:0.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trs-publer-header-label{font-size:12px;font-weight:400;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1.5px;margin-top:2px}
.trs-publer-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.trs-publer-header-meta{font-size:12px;color:rgba(255,255,255,0.45);white-space:nowrap}
.trs-publer-pdf-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.08) !important;border:1px solid rgba(255,255,255,0.15) !important;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;color:rgba(255,255,255,0.8) !important;cursor:pointer;transition:all 0.15s ease;font-family:inherit;white-space:nowrap;text-decoration:none !important;text-transform:none !important;box-shadow:none !important;outline:none !important;line-height:1.4}
.trs-publer-pdf-btn:hover{background:rgba(255,255,255,0.14) !important;color:#fff !important;border-color:rgba(255,255,255,0.25) !important;text-decoration:none !important}
.trs-publer-pdf-btn svg{opacity:0.7}

/* Body */
.trs-publer-body{padding:28px 32px}

/* Primary stats - 3 hero cards */
.trs-publer-stats-primary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.trs-publer-stat{background:#f7f8fa;border:1px solid #e4e7ec;border-radius:8px;padding:22px 16px;text-align:center;transition:border-color 0.15s ease,box-shadow 0.15s ease}
.trs-publer-stat:hover{border-color:#c4c9d2;box-shadow:0 2px 10px rgba(0,0,0,0.04)}
.trs-publer-stat-value{font-size:32px;font-weight:700;color:#18191b;line-height:1;letter-spacing:-0.8px}
.trs-publer-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#8b919a;margin-top:8px}

/* Secondary stats - 3x2 metric cards */
.trs-publer-stats-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.trs-publer-metric-card{background:#fff;border:1px solid #e4e7ec;border-radius:8px;padding:18px 20px;transition:border-color 0.15s ease}
.trs-publer-metric-card:hover{border-color:#c4c9d2}
.trs-publer-metric-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;color:#8b919a;margin-bottom:4px}
.trs-publer-metric-value{font-size:24px;font-weight:700;color:#18191b;letter-spacing:-0.4px}

/* Platform breakdown */
.trs-publer-platforms{padding-top:20px;border-top:1px solid #eef0f3}
.trs-publer-platforms-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#8b919a;margin-bottom:14px}
.trs-publer-platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.trs-publer-platform{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f7f8fa;border:1px solid #e4e7ec;border-radius:8px;transition:border-color 0.15s ease}
.trs-publer-platform:hover{border-color:#c4c9d2}
.trs-publer-platform-badge{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:0.5px;color:#fff;flex-shrink:0;background:#8b919a}
.trs-publer-platform-facebook{background:#1877F2}
.trs-publer-platform-instagram{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF)}
.trs-publer-platform-twitter{background:#18191b}
.trs-publer-platform-linkedin{background:#0A66C2}
.trs-publer-platform-pinterest{background:#E60023}
.trs-publer-platform-youtube{background:#FF0000}
.trs-publer-platform-tiktok{background:#18191b}
.trs-publer-platform-google{background:#4285F4}
.trs-publer-platform-threads{background:#18191b}
.trs-publer-platform-name{font-weight:600;font-size:14px;color:#18191b}
.trs-publer-platform-meta{font-size:12px;color:#8b919a;line-height:1.5}

/* Footer */
.trs-publer-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#f7f8fa;border-top:1px solid #eef0f3;font-size:12px;color:#8b919a}
.trs-publer-sync-date{font-weight:500}

/* ===== COMPACT WIDGET ===== */
.trs-publer-compact{border:1px solid #dce0e5;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.trs-publer-header-compact{background:#18191b;color:#fff;padding:14px 20px;font-size:13px;font-weight:600;letter-spacing:0.3px}
.trs-publer-grid-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trs-publer-stat-compact{text-align:center;padding:20px 8px;border-right:1px solid #eef0f3}
.trs-publer-stat-compact:last-child{border-right:none}
.trs-publer-stat-num{font-size:22px;font-weight:700;color:#18191b;letter-spacing:-0.3px}
.trs-publer-stat-lbl{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;color:#8b919a;margin-top:4px}

/* ===== MINIMAL WIDGET ===== */
.trs-publer-minimal{display:inline-block;margin:12px 0}
.trs-publer-mini-stats{display:flex;align-items:center;gap:8px;font-size:14px;color:#8b919a}
.trs-publer-mini-item strong{color:#18191b;font-weight:700}
.trs-publer-mini-sep{color:#d1d5db}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
    .trs-publer-header{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 24px}
    .trs-publer-header-right{align-items:flex-start;flex-direction:row;gap:12px}
    .trs-publer-body{padding:20px 24px}
    .trs-publer-stats-primary{grid-template-columns:repeat(3,1fr);gap:10px}
    .trs-publer-stat{padding:16px 10px}
    .trs-publer-stat-value{font-size:24px}
    .trs-publer-stats-secondary{grid-template-columns:repeat(2,1fr);gap:10px}
    .trs-publer-metric-value{font-size:20px}
    .trs-publer-platform-grid{grid-template-columns:1fr}
    .trs-publer-grid-compact{grid-template-columns:repeat(2,1fr)}
    .trs-publer-stat-compact{border-bottom:1px solid #eef0f3}
    .trs-publer-stat-compact:nth-child(2){border-right:none}
    .trs-publer-footer{flex-direction:column;gap:6px;text-align:center;padding:14px 24px}
}
@media(max-width:480px){
    .trs-publer-stats-primary{grid-template-columns:1fr}
    .trs-publer-stats-secondary{grid-template-columns:1fr}
    .trs-publer-header{padding:16px 20px}
    .trs-publer-property-name{font-size:16px}
    .trs-publer-mini-stats{flex-direction:column;gap:4px}
    .trs-publer-mini-sep{display:none}
}