/* Studio 27 TEAMPORTAAL — CSS voor de rijke ads-detailweergave (1-op-1 uit het
 * klantenportaal v2/tweaks.css). .card/.brand-spinner/@keyframes spin staan al in
 * de team-styles.css; hier enkel de ads-rich-specifieke klassen. */
.soc-subnav{display:flex;gap:6px;background:var(--paper-2,#FAF7F2);border:1px solid var(--line,#E7DFD3);border-radius:14px;padding:5px;margin:2px 0 20px;width:fit-content;max-width:100%;flex-wrap:wrap;}
.soc-subtab{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--ink-3,#6B5B6B);padding:9px 18px;border-radius:10px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;}
.soc-subtab svg{width:17px;height:17px;color:var(--ink-4,#9E919E);transition:color .15s;}
.soc-subtab:hover{color:var(--ink,#230F23);}
.soc-subtab:hover svg{color:var(--ink-2,#3A2A3A);}
.soc-subtab.active{background:#fff;color:var(--ink,#230F23);box-shadow:0 2px 8px rgba(60,40,80,.10);}
.soc-subtab.active svg{color:var(--s27-orange-ink,#C44514);}
/* inner-tabs binnen Inzichten */
.soc-inznav{display:flex;gap:2px;border-bottom:1.5px solid var(--line,#E7DFD3);margin:0 0 16px;flex-wrap:wrap;}
.soc-inztab{font-family:var(--font-display);font-weight:700;font-size:13.5px;color:var(--ink-4,#9E919E);padding:9px 15px;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:color .15s,border-color .15s;}
.soc-inztab:hover{color:var(--ink-2,#3A2A3A);}
.soc-inztab.active{color:var(--ink,#230F23);border-bottom-color:var(--s27-yellow,#F2C14E);}
.soc-icard-wide{width:100%;}
@media(max-width:520px){.soc-subnav{width:100%;}.soc-subtab{flex:1;justify-content:center;padding:9px 8px;font-size:12.5px;}}
.soc-subnav-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:2px 0 20px;}
.soc-subnav-row .soc-subnav{margin:0;}
.soc-subnav-act{margin-left:auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.soc-elab-hint{font-weight:600;font-size:11.5px;color:var(--ink-4,#9E919E);}
.soc-fbwrap{border-top:1px dashed var(--line,#E7DFD3);padding-top:12px;}
/* carrousel-slides + dots + video in de mockup */
.soc-ph-mediawrap{position:relative;}
.soc-ph-slide{position:absolute;inset:0;display:none;}
.soc-ph-slide.on{display:block;}
.soc-ph-slide video{background:#000;}
.soc-ph-dots{position:absolute;left:0;right:0;bottom:9px;display:flex;justify-content:center;gap:5px;z-index:2;}
.soc-ph-dot{width:6px;height:6px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.5);box-shadow:0 0 2px rgba(0,0,0,.28);cursor:pointer;}
.soc-ph-dot.on{background:#fff;}
.soc-ph-count{font-family:var(--font-body);font-size:11px;font-weight:700;color:var(--ink-3,#6B5B6B);margin-left:6px;}
@media(max-width:760px){.soc-subnav-act{margin-left:0;width:100%;}}
.ads-kwfilter{display:inline-flex;align-items:center;gap:9px;margin:0 0 12px;}
.ads-kwfilter-lab{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4,#9E919E);}
.ads-kwfilter select{font-family:var(--font-display);font-weight:700;font-size:12.5px;color:var(--ink-2,#3A2A3A);padding:8px 11px;border:1px solid var(--line,#E7DFD3);border-radius:10px;background:var(--paper,#fff);cursor:pointer;max-width:280px;}
.ar-summary{margin:6px 0 4px;}
.ar-kpigrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;}
.arkpi{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md,14px);box-shadow:var(--sh-sm);padding:13px 14px;display:flex;flex-direction:column;gap:3px;}
.arkpi-l{font-family:var(--font-display);font-weight:700;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);}
.arkpi-v{font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:-0.02em;color:var(--ink);line-height:1.1;white-space:nowrap;}
.arkpi-d{margin-top:1px;}
.arkpi-note{margin-top:8px;font-size:12px;color:var(--ink-3);font-weight:600;}
.arcmp{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-display);font-weight:800;font-size:11px;padding:2px 7px;border-radius:999px;letter-spacing:.01em;}
.arcmp.good{color:#0E7A39;background:rgba(18,172,78,.13);}
.arcmp.bad{color:#B4540B;background:rgba(220,120,20,.15);}
.arcmp.flat{color:var(--ink-4);background:var(--paper-3);}
/* campagne-kaart */
.ar-camp{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg,18px);box-shadow:var(--sh-sm);padding:18px 18px 14px;margin-bottom:16px;}
.ar-camp-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;margin-bottom:12px;}
.ar-camp-nm{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:-0.02em;color:var(--ink);}
.ar-camp-meta{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;}
.ar-obj{font-family:var(--font-display);font-weight:700;font-size:11px;color:var(--s27-blue-ink);background:var(--s27-blue-soft);padding:3px 9px;border-radius:999px;}
.ar-bud{font-family:var(--font-display);font-weight:700;font-size:11.5px;color:var(--ink-3);}
.ar-pill{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:800;font-size:10.5px;letter-spacing:.02em;padding:3px 9px;border-radius:999px;}
.ar-green{color:#0E7A39;background:rgba(18,172,78,.14);}
.ar-orange{color:#B4540B;background:rgba(220,120,20,.16);}
.ar-grey{color:var(--ink-3);background:var(--paper-3);}
.ar-red{color:#B42318;background:rgba(220,38,38,.13);}
.ar-blue{color:var(--s27-blue-ink);background:var(--s27-blue-soft);}
.ar-campkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-bottom:14px;}
.ar-ck{background:var(--paper-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;}
.ar-ck i{font-style:normal;font-family:var(--font-display);font-weight:700;font-size:9.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-4);}
.ar-ck b{font-family:var(--font-display);font-weight:800;font-size:14.5px;color:var(--ink);white-space:nowrap;}
.ar-chartwrap{position:relative;height:240px;margin:4px 0 16px;}
/* tabellen */
.ar-table{margin-top:12px;}
.ar-tabtitle{font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-3);margin-bottom:7px;display:flex;align-items:center;gap:7px;}
.ar-tabtitle .count{background:var(--paper-3);color:var(--ink-3);border-radius:999px;padding:1px 8px;font-size:11px;}
.ar-tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-md,14px);}
.ar-thead{display:grid;gap:0;background:var(--paper-2);border-bottom:1px solid var(--line);min-width:680px;}
.ar-th{font-family:var(--font-display);font-weight:800;font-size:10.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-4);background:none;border:none;cursor:pointer;text-align:left;padding:9px 10px;white-space:nowrap;transition:color .14s;}
.ar-th.num{text-align:right;}
.ar-th:hover{color:var(--ink-2);}
.ar-th.on{color:var(--s27-blue-ink);}
.ar-trow{display:grid;gap:0;border-bottom:1px solid var(--line);min-width:680px;transition:background .12s;}
.ar-trow:last-child{border-bottom:none;}
.ar-trow:hover{background:var(--paper-2);}
.ar-td{font-family:var(--font-display);font-weight:600;font-size:12.5px;color:var(--ink-2);padding:9px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;}
.ar-td.num{justify-content:flex-end;font-weight:700;color:var(--ink);}
.ar-nm{overflow:hidden;text-overflow:ellipsis;}
.ar-star{flex:none;color:#B4540B;font-weight:800;font-size:11px;margin-left:4px;}
.ar-empty{padding:16px;text-align:center;color:var(--ink-3);font-size:13px;min-width:auto;}
/* aanbevelingen */
.ar-recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;}
.ar-rec{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--ink-4);border-radius:var(--r-md,14px);box-shadow:var(--sh-sm);padding:14px 16px;}
.ar-rec-orange{border-left-color:#E08A1E;}
.ar-rec-blue{border-left-color:var(--s27-blue);}
.ar-rec-red{border-left-color:#DC2626;}
.ar-rec-green{border-left-color:#12AC4E;}
.ar-rec-t{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--ink);margin-bottom:4px;}
.ar-rec-b{font-size:13px;line-height:1.5;color:var(--ink-3);}
@media(max-width:560px){.ar-camp-nm{font-size:15px;}.arkpi-v{font-size:18px;}}

/* ===== ADMIN — uitgebreide social-rapportage (team-weergave) =============== */
.sr-growth{margin-top:8px;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-weight:800;font-size:12px;padding:4px 11px;border-radius:999px;}
.sr-chempty{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--ink-3);font-size:13px;text-align:center;padding:20px;background:var(--paper-2);border-radius:var(--r-md,14px);}

/* ---- team-aanvullingen ---- */
.ads-card{padding:14px 16px;}
.ar-tdd{font-size:10px;font-weight:700;margin-left:6px;opacity:.95;}
.ar-ckd{display:block;margin-top:1px;}
.ar-namebtn{background:none;border:none;font:inherit;color:var(--s27-blue-ink);text-align:left;cursor:pointer;padding:0;display:flex;align-items:center;overflow:hidden;}
.ar-namebtn:hover{text-decoration:underline;}
/* aanbevelingen-kaart met --rc-accent (shim adsWsRecsRender) */
.ar-rec{border-left-color:var(--rc,var(--ink-4));}