#team-socialviews{display:none!important}
#social-month-wrap[hidden]{display:none!important}
body[data-team="socialviews"] #team-socialviews{display:block!important;max-width:1220px;margin:0 auto 36px}
body[data-team="socialviews"] :is(.tab-nav,.global-filters,.tab-panel,#team-konten,#team-design,#team-vps,#affiliate-room,.menu-guide){display:none!important}
.social-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid #d9e8e1;border-radius:20px;padding:28px 30px;margin:0 0 16px;background:linear-gradient(115deg,#f0f9f3,#fff 70%)}
.social-hero h2{font-size:clamp(30px,4vw,46px);line-height:1.05;margin:7px 0 9px;color:#173e37}
.social-hero p:last-child{margin:0;color:#617973}
.social-hero a{color:#246b57;text-decoration:none;font-weight:800;border:1px solid #cbded4;background:#fff;padding:11px 15px;border-radius:11px}
.social-status{margin:0 0 12px;color:#a95543;font-weight:700}
.social-status:empty{display:none}
.social-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.social-summary>div{display:grid;gap:7px;padding:18px 20px;border:1px solid #dce9e3;border-radius:16px;background:#fff;min-width:0}
.social-summary span{font-size:12px;color:#607871;font-weight:700}
.social-summary strong{font-size:clamp(22px,2.4vw,31px);line-height:1.1;color:#214a40}
.social-summary small{color:#71857e;font-size:12px}
.social-up{color:#18835f!important}.social-down{color:#c3564b!important}
.social-card{background:#fff;border:1px solid #dce9e3;border-radius:18px;padding:22px;margin-bottom:14px;box-shadow:0 3px 13px #203c3010}
.social-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.social-section-head h3{font-size:21px;margin:4px 0 0;color:#1d443a}
.social-section-head .eyebrow{font-size:11px;letter-spacing:.1em;margin:0;color:#548873;font-weight:800}
.social-compare-picker{display:grid;gap:4px;font-size:12px;font-weight:800;color:#58766a}.social-compare-picker select{border:1px solid #cbded5;border-radius:9px;padding:8px 10px;background:#fff;color:#23483e;font:inherit;min-width:160px}
.social-segment{display:inline-flex;gap:3px;padding:4px;background:#eef4f0;border-radius:11px}
.social-segment button{border:0;background:transparent;border-radius:8px;padding:9px 12px;color:#567268;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.social-segment button.active{color:#fff;background:#267158;box-shadow:0 2px 7px #153d3128}
.social-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:13px}
.social-filters label{display:grid;gap:5px;color:#536e64;font-weight:700;font-size:12px;min-width:165px}
.social-filters select,.social-entry-card input,.social-entry-card select{min-height:42px;border:1px solid #cbded5;border-radius:9px;padding:9px 11px;background:#fff;color:#23483e;font:inherit}
.social-chart{width:100%;min-height:250px;overflow:hidden}
.social-chart svg{display:block;width:100%;height:auto;max-height:390px}
.social-chart-area{opacity:0;animation:social-area-in .8s .28s ease-out forwards}
.social-chart-line{stroke-dasharray:1;stroke-dashoffset:1;animation:social-line-draw 1.2s cubic-bezier(.22,.73,.25,1) forwards}
.social-chart-dot{opacity:0;transform:scale(.25);transform-origin:center;transform-box:fill-box;animation:social-dot-in .38s var(--dot-delay,0ms) cubic-bezier(.18,.8,.25,1.3) forwards}
.social-chart-focus{opacity:0;transform:scale(.5);transform-origin:center;transform-box:fill-box;animation:social-focus-in .55s 1.05s ease-out forwards}
@keyframes social-line-draw{to{stroke-dashoffset:0}}
@keyframes social-area-in{to{opacity:1}}
@keyframes social-dot-in{to{opacity:1;transform:scale(1)}}
@keyframes social-focus-in{to{opacity:.75;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.social-chart-area,.social-chart-line,.social-chart-dot,.social-chart-focus{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}
.social-chart-note,.social-compare-note,.social-form-intro{color:#657b73;font-size:13px;line-height:1.5;margin:8px 0 0}
.social-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:14px;align-items:start}
.social-platform-changes{display:grid;gap:0;margin-top:10px}
.social-platform-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e7efea;padding:12px 2px}
.social-platform-row:last-child{border:0}
.social-platform-row>div{display:grid;gap:3px}.social-platform-row strong{font-size:15px;color:#23473c}.social-platform-row small{font-size:12px;color:#72867e}
.social-change{padding:6px 9px;border-radius:8px;font-size:13px;font-weight:800;white-space:nowrap}
.social-change.social-up{background:#e5f5ec}.social-change.social-down{background:#ffebe7}.social-change.social-flat{background:#f0f3f1;color:#687c73}
.social-entry-card form{display:grid;gap:11px;margin-top:16px}.social-entry-card form[hidden]{display:none}
.social-entry-card label{display:grid;gap:5px;color:#4c675e;font-size:12px;font-weight:800}
.social-form-actions{display:flex;gap:9px;align-items:center;margin-top:5px}.social-form-actions button{min-height:42px;padding:9px 15px;border-radius:9px}
#social-form-reset{background:#fff;color:#355f51;border:1px solid #cbded5;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
#social-form-message{margin:0;color:#267158;font-size:13px;font-weight:700;min-height:18px}
.social-records summary{font-size:17px;font-weight:800;color:#21483c;cursor:pointer}.social-records-scroll{overflow:auto;max-height:540px;margin-top:12px}
.social-records table{border-collapse:collapse;width:100%;font-size:13px;min-width:610px}.social-records th,.social-records td{padding:10px 9px;border-bottom:1px solid #e7eee9;text-align:left;white-space:nowrap}
.social-records th{position:sticky;top:0;background:#f4f8f5;color:#537166;font-size:12px}.social-records td:nth-child(4){font-variant-numeric:tabular-nums;font-weight:800;color:#244a3e}
.social-records button{border:1px solid #c9ddd1;background:#fff;color:#2a715a;border-radius:8px;padding:6px 10px;font:inherit;font-weight:800;cursor:pointer}
#social-more{margin-top:13px}.social-empty{padding:55px 20px;text-align:center;background:#f6faf7;border:1px dashed #c6ddd0;border-radius:12px;color:#728a7c}
@media(max-width:850px){.social-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.social-grid{grid-template-columns:1fr}}
@media(max-width:580px){.social-hero{padding:22px}.social-summary{gap:8px}.social-summary>div{padding:14px}.social-card{padding:17px}.social-filters label{flex:1;min-width:130px}.social-section-head h3{font-size:18px}.social-segment{width:100%}.social-segment button{flex:1}}