.soc-koppeling{margin-bottom:32px;padding:22px 28px}.soc-koppeling-rij{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px 32px;display:flex}.soc-koppeling-tekst{flex-direction:column;flex:320px;align-items:flex-start;gap:6px;min-width:0;display:flex}.soc-koppeling-regel{font-weight:500}.soc-auto-blok{flex-direction:column;flex:0 380px;gap:2px;min-width:0;display:flex}.soc-melding{background:var(--waarschuwing-vlak);padding:10px 14px;font-size:15px}.soc-koppeling-tekst .soc-melding{margin-top:4px}.soc-gereedschap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-bottom:20px;display:flex}.soc-maand{align-items:center;gap:12px;display:flex}.soc-maand h2{text-align:center;min-width:160px;font-family:var(--font-serif);font-size:24px;font-weight:400}.soc-maand .knop{padding:0 16px}.soc-filter{flex-wrap:wrap;gap:8px;display:flex}.soc-raster{background:var(--lijn);border:1px solid var(--lijn);gap:1px;display:grid;container-type:inline-size}.soc-rij{grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid}.soc-weekdag{background:var(--wit);color:var(--tekst-label);padding:8px 10px;font-size:14px;font-weight:600}.soc-dag{background:var(--wit);flex-direction:column;gap:6px;min-width:0;min-height:132px;padding:6px;display:flex;position:relative}.soc-dag:hover{outline:1px solid var(--veld-rand);outline-offset:-1px}.soc-dag.soc-buiten{background:var(--steen)}.soc-dag.over{background:#e4e2db}.soc-dag-nieuw{text-align:left;background:0 0;border:0;align-self:flex-start;padding:0}.soc-dag-nieuw:after{content:"";position:absolute;inset:0}.soc-dag-nieuw:focus-visible{outline-offset:-3px}.soc-dag-nr{text-align:center;min-width:24px;color:var(--tekst-label);padding:0 5px;font-size:14px;font-weight:600;line-height:24px;display:inline-block}.soc-vandaag .soc-dag-nr{background:var(--arduin);color:var(--steen)}.soc-dag-posts{z-index:1;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:relative}.soc-dag-posts>*{pointer-events:auto}.soc-kaart,.soc-lijstkaart,.soc-dag-nieuw,.soc-pijl{-webkit-tap-highlight-color:transparent}.soc-kaart{background:var(--steen);border:1px solid var(--lijn);text-align:left;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:6px;width:100%;min-height:44px;padding:4px;display:flex}.soc-kaart:hover{border-color:var(--tekst-label)}.soc-kaart.sleepbaar{cursor:grab}.soc-kaart.wordt-gesleept{opacity:.35}.soc-kaart-beeld{background:var(--keuze-vlak);flex:none;width:32px;height:32px;display:block;overflow:hidden}.soc-kaart-beeld img{object-fit:cover;width:100%;height:100%;display:block}.soc-kaart .soc-beeld-leeg{font-size:0}.soc-kaart-tekst{flex-direction:column;flex:1;min-width:0;display:flex}.soc-kaart-kop{align-items:center;gap:6px;font-size:14px;line-height:1.3;display:flex}.soc-kaart-uur{font-weight:600}.soc-kaart-titel{-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.25;display:-webkit-box;overflow:hidden}.soc-kaart-let{color:var(--gevaar);font-size:14px;font-weight:600;line-height:1.3}.soc-sleep{z-index:70;pointer-events:none;opacity:.96;outline:1px solid var(--arduin);cursor:grabbing;margin:0;position:fixed}@container (width<=760px){.soc-kaart-beeld{display:none}}.soc-status{border:2px solid var(--veld-rand);background:0 0;flex:none;width:12px;height:12px;display:inline-block}.soc-status-idee{border-color:var(--veld-rand);background:0 0}.soc-status-concept{border-color:var(--veld-rand);background:var(--veld-rand)}.soc-status-keuren{border-color:var(--eik);background:var(--eik)}.soc-status-ok{border-color:var(--arduin);background:var(--arduin)}.soc-status-gepost{border:4px solid var(--arduin);background:var(--wit)}.soc-legenda{color:var(--tekst-label);flex-wrap:wrap;gap:6px 20px;margin-top:14px;font-size:14px;display:flex}.soc-legenda span{align-items:center;gap:8px;display:inline-flex}.soc-lijst{flex-direction:column;gap:10px;display:flex}.soc-lijstkaart{background:var(--wit);text-align:left;border:0;gap:12px;width:100%;min-height:72px;padding:12px;display:flex}.soc-lijstkaart-beeld{background:var(--keuze-vlak);width:72px;height:72px;color:var(--tekst-label);text-align:center;flex:none;justify-content:center;align-items:center;font-size:14px;display:flex;overflow:hidden}.soc-lijstkaart-beeld img{object-fit:cover;width:100%;height:100%;display:block}.soc-lijstkaart-tekst{flex-direction:column;gap:2px;min-width:0;display:flex}.soc-lijstkaart-titel{font-weight:600}.soc-lijstkaart-status{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:15px;display:flex}dialog.venster.soc-editor{width:min(760px,100vw - 32px)}.soc-editor .keuze .soc-zelf-gepost{min-height:var(--tik);margin-left:8px}.soc-geen-uur{align-self:flex-start}.soc-uur-uitleg{margin-top:-16px}.soc-ig{flex-direction:column;gap:20px;display:flex}.soc-teller .te-veel{color:var(--gevaar);font-weight:600}.soc-sectie{border-top:1px solid var(--lijn);flex-direction:column;gap:12px;padding-top:20px;display:flex}.soc-sectie.sleep-over{outline:2px dashed var(--eik);outline-offset:6px}.soc-vorm{font-weight:500}.soc-info{flex-direction:column;gap:4px;display:flex}.soc-info:empty{display:none}.soc-tegels{gap:10px;display:grid}.soc-tegel{background:var(--steen);flex-direction:column;min-width:0;margin:0;display:flex;position:relative}.soc-tegel-beeld{background:var(--steen);justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.soc-tegel-beeld img{object-fit:contain;width:100%;height:100%;display:block}.soc-tegel-leeg,.soc-tegel-naam{color:var(--tekst-label);text-align:center;padding:0 12px;font-size:14px}.soc-tegel-badge{background:var(--arduin);color:var(--steen);padding:0 8px;font-size:14px;line-height:24px;position:absolute;bottom:6px;left:6px}.soc-tegel-nr{background:var(--wit);text-align:center;min-width:24px;font-size:14px;font-weight:600;line-height:24px;position:absolute;top:6px;left:6px}.soc-tegel-balk{border-top:1px solid var(--lijn);justify-content:space-between;align-items:center;gap:4px;padding:0 4px;display:flex}.soc-pijl{min-width:var(--tik);min-height:var(--tik);background:0 0;border:0;padding:0;font-size:20px;line-height:1}.soc-pijl:disabled{opacity:.35}.soc-weg{padding:0 8px}.soc-tegel-voortgang{flex-direction:column;align-items:stretch;gap:6px;padding:8px}.soc-tegel-zin{font-size:14px}.soc-voortgang{background:var(--wit);height:10px}.soc-voortgang-vul{background:var(--arduin);width:0;height:100%}.soc-stop{align-self:flex-start}.soc-opladen{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.soc-kanalen li{border-top:1px solid var(--lijn);padding:14px 0}.soc-kanalen li:first-child{border-top:0;padding-top:4px}.soc-kanaal-kop{justify-content:space-between;gap:12px;display:flex}.soc-kanaal p{margin-top:4px}.soc-uitleg{color:var(--tekst-label);font-size:15px}.soc-bekijk{margin-top:6px;display:inline-block}.soc-kanaal-acties{margin-top:8px}.soc-auto{margin-bottom:8px;font-weight:500}.soc-onderaan{margin-top:-8px}@media (width<=899.98px){.soc-koppeling{margin-bottom:20px;padding:16px 20px}.soc-koppeling-rij{gap:8px}.soc-gereedschap{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:20px;display:flex}.soc-maand{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;display:grid}.soc-maand h2{min-width:0;font-size:22px}.soc-maand .link{grid-column:1/-1;justify-self:center}.soc-filter{flex-wrap:nowrap;margin:0 -20px;padding:0 20px 4px;overflow-x:auto}.soc-filter .chip{flex:none}dialog.venster.soc-editor{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;inset:0}.soc-editor .venster-in{min-height:100%}.soc-editor-kop{z-index:3;background:var(--wit);border-bottom:1px solid var(--lijn);margin:-24px -20px 0;padding:14px 20px;position:sticky;top:0}.soc-editor-kop h2{font-size:22px}.soc-acties{z-index:3;background:var(--wit);border-top:1px solid var(--lijn);margin:0 -20px;padding:12px 20px;position:sticky;bottom:0}.soc-acties .knop{flex:1 1 0}}.soc-afspelen{color:#0000;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.soc-afspelen:after{content:"";background:var(--arduin) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23F3F2EE'/%3E%3C/svg%3E") center / 26px no-repeat;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.soc-afspelen:focus-visible{outline:2px solid var(--eik);outline-offset:-2px}dialog.soc-speler{width:min(900px,100vw - 32px)}.soc-speler-video{background:var(--arduin);width:100%;max-height:calc(100vh - 160px);display:block}