.os-tabbar,.cs-terug,.os-mbar-zoek{display:none}@media (max-width:760px){div.os{--os-top:calc(52px + env(safe-area-inset-top,0px));--os-veilig:max(0px, calc(env(safe-area-inset-bottom,0px) - 16px));--os-tab:calc(52px + var(--os-veilig));--os-h:calc(100dvh - var(--os-top) - var(--os-tab));grid-template-rows:var(--os-top) minmax(0, 1fr) var(--os-tab)}.os .os-mbar{padding:env(safe-area-inset-top,0px) 6px 0 6px;gap:8px}.os .os-dock,.os .os-rail{padding-top:calc(14px + env(safe-area-inset-top,0px))}.os .os-mbar strong{flex:1;min-width:0}.os .os-mbar-zoek{color:#cfcfcf;place-items:center;display:grid}.os .os-main{overscroll-behavior:contain;grid-row:2;min-height:0;padding:14px 14px 24px}.os-tabbar{z-index:80;padding:0 4px var(--os-veilig);background:#0a0a0af5;grid-area:3/1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;box-shadow:inset 0 1px #1c1c1f}.os-tabbar button{color:#707075;height:52px;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:2px 0 0;font-size:10.5px;font-weight:500;display:flex}.os-tabbar button:hover:not(:disabled){color:#707075;background:0 0}.os-tabbar button.aan,.os-tabbar button.aan:hover:not(:disabled){color:#fff}.os-tab-icoon{place-items:center;display:grid;position:relative}.os-tab-icoon b{color:#fff;text-align:center;background:#004dfc;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:9.5px;font-weight:600;line-height:16px;position:absolute;top:-5px;left:13px}.os .os-dock,.os .os-rail,.os .os-scrim{bottom:var(--os-tab)}.os .sd{gap:12px}.os .sd-top{flex-direction:column;align-items:stretch;gap:10px}.os .sd-top-wie h1{font-size:20px}.os .sd-top-wie span{font-size:12px}.os .sd-head-actions{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin-left:0;overflow-x:auto}.os .sd-head-actions::-webkit-scrollbar{display:none}.os .sd-head-actions>*{flex:none}.os .cc-periode{flex-wrap:nowrap}.os .cc-periode select{width:auto;max-width:170px;height:32px;padding-right:28px}.os .cc-bewerk-knop{display:none}.os .cc-voorbeeld{padding:6px 10px;font-size:11px;line-height:1.4;display:block}.os .cc-voorbeeld svg{margin:0 4px -2px 0}.os .sd-kpis,.os .cc .sd-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.os .sd-omzet-vlak{padding:11px 12px 12px}.os .sd-omzet-staven,.os .sd-omzet-vlak canvas{display:none}.os .sd-omzet-tekst span{text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.os .sd-kpi.sd-omzet .sd-omzet-tekst strong{margin-top:8px;font-size:20px}.os .sd-kpi.sd-omzet .sd-omzet-voet{white-space:nowrap;height:24px;padding:0 12px;font-size:10.5px;overflow:hidden}.os .sd-kpi:not(.sd-omzet){min-height:0;padding:12px}.os .sd-kpi:not(.sd-omzet) strong{margin-top:8px;font-size:18px}.os .sd-gk{background:0 0}.os .sd-gk-kop{height:30px;padding:0 2px}.os .sd-gk-kop h2,.os .sd-gk-kop>span{font-size:11.5px}.os .sd-gk-vlak{border-radius:12px;padding:13px 13px 11px}.os .sd-grafieken{grid-template-columns:minmax(0,1fr);gap:12px}.os .sd-gk-top{flex-wrap:wrap;gap:10px}.os .sd-gk-cijfer strong{font-size:22px}.os .sd-gk-datums span{font-size:10px}.os .cc-groot{font-size:24px}.os .cc-tabs{scrollbar-width:none;background:0 0;border:0;border-radius:0;flex-wrap:nowrap;width:auto;margin:0 -14px;padding:0 14px;overflow-x:auto}.os .cc-tabs::-webkit-scrollbar{display:none}.os .cc-tabs button{background:#141414;border-radius:16px;flex:none;height:32px;padding:0 13px}.os .cc-tabs button.aan{color:#0a0a0a;background:#f2f2f2}.os .cc-chips,.os .cc-segmenten{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.os .cc-chips>*,.os .cc-segmenten>*{flex:none}.os .cc-tabel-scroll{margin:0 -13px;padding:0 13px}.os .cc-tabel{font-size:12px}.os .cc-tabel th,.os .cc-tabel td{white-space:nowrap;padding-left:7px;padding-right:7px}.os .cc-tabel td:first-child,.os .cc-tabel th:first-child{z-index:1;text-overflow:ellipsis;background:#171717;max-width:150px;position:sticky;left:-13px;overflow:hidden}.os .cc-export{margin:-4px 0 4px}.os .cc-raster{gap:12px}.os .cc-dagbalk{scrollbar-width:none;background:0 0;border:0;border-radius:0;flex-wrap:nowrap;margin:0 -14px;padding:0 14px;overflow-x:auto}.os .cc-dagbalk::-webkit-scrollbar{display:none}.os .cc-dagbalk>*{flex:none}.os .cc-dagbalk-weer{white-space:nowrap;flex-wrap:nowrap;margin-left:0}.os .cc-bord{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:84%;grid-auto-flow:column;margin:0 -14px;padding:0 14px 6px;scroll-padding:0 14px}.os .cc-kolom{max-height:calc(var(--os-h) - 190px);scroll-snap-align:start}.os .cs{height:calc(var(--os-h));flex-direction:column;gap:0;min-height:0;margin:-14px -14px -24px;display:flex}.os .cs>div{border-radius:0}.os .cs-lijst{flex:1}.os .cs-gesprek,.os .cs.bekijk .cs-lijst{display:none}.os .cs.bekijk .cs-gesprek{flex:1;min-height:0;display:flex}.os .cs-lijst .cs-gesprekken{flex:1;overflow-y:auto}.os .cs-terug{color:#fff;width:34px;height:34px;box-shadow:none;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;margin-left:-6px;padding:0;display:grid}.os .cs-gesprek-kop{flex-wrap:wrap;gap:8px;padding:10px 12px}.os .cs-gesprek-kop .cs-wie{flex:1;min-width:0}.os .cs-gesprek-kop .cs-wie small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.os .cs-composer{margin:8px}.os .os-main img,.os .os-main video,.os .os-main canvas{max-width:100%}.os .pr-balk{flex-wrap:wrap;gap:8px}.os .pr-zoek{width:100%}.os .pr-tabs,.os .sd-bereik{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.os .pr-tabs button,.os .sd-bereik button{white-space:nowrap;flex:none}.os .pr-tabelvak{margin:0 -13px;padding:0 13px}.os .pr-tabel th,.os .pr-tabel td{white-space:nowrap;padding-left:8px;padding-right:8px;font-size:12px}.os .pr-tabel th:first-child,.os .pr-tabel td:first-child{z-index:1;background:#171717;position:sticky;left:-13px}.os .or-tabel .or-avatar,.os .or-klant small{display:none}.os .or-tabel th.or-eerste,.os .or-tabel td.or-eerste{text-overflow:ellipsis;width:auto;max-width:140px;overflow:hidden}.os .pr-paginas{flex-wrap:wrap;gap:8px}.os .wn-tabel td{padding-top:7px;padding-bottom:7px;font-size:12.5px}.os .wn-tabel td:first-child{white-space:nowrap}.os .wn-rij{grid-template-columns:minmax(0,1fr)}.os .dl-rij,.os .wl-rij{gap:8px}.os .dl-kaart{padding:13px 14px}.os .ag2{gap:14px}.os .ag2-stats{gap:8px}.os .ag2-stat{gap:8px;padding:12px 13px}.os .ag2-blok{box-shadow:none;background:0 0;padding:0}.os .ag2-kaarten{gap:10px}.os .ag2-binnen{gap:10px;padding:12px 13px 13px}.os .ag2-velden{display:none}.os .ag2-cijfers{padding:8px 0}.os .ag2-cijfers b{font-size:15px}.os .cc-chips{min-width:0;max-width:100%}.os .st-block{margin-bottom:14px;padding:14px}.os .tm-leden li{flex-wrap:wrap;row-gap:8px}.os .tm-wie{flex:1;min-width:0}.os .tm-wie small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.os .tm-status{order:2}.os .tm-weg{order:3}.os .tm-leden li>select,.os .tm-leden li>.tm-rol{flex:1 0 calc(100% - 41px);order:4;margin-left:41px}.os .tm-uitnodigen{flex-wrap:wrap}.os .tm-invoer{flex:1 0 100%;height:36px}.os .tm-uitnodigen select{flex:1}.os .tm-rechten{margin-left:-14px;margin-right:-14px;padding:0 14px}.os .tm-rechten table{min-width:460px}.os .cc-rapport{padding:16px 14px}.os .cc-rapport-blok{min-width:0;overflow-x:auto}.os .cc-rapport-blok table{white-space:nowrap}}.mb-terug{display:none}@media (max-width:760px){.os .mb{height:var(--os-h);grid-template-columns:minmax(0,1fr)}.os .mb-lijst{border-right:0}.os .mb:not(.leest) .mb-lezen,.os .mb.leest .mb-lijst{display:none}.os .mb.leest .mb-lezen{min-height:0;overflow-y:auto}.os .mb-terug{color:#cfcfcf;height:40px;box-shadow:none;background:0 0;border:0;align-items:center;gap:6px;margin:4px 8px 0;padding:0 8px;font-size:13.5px;display:inline-flex}.os .wk-board{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding-left:14px;padding-right:14px;scroll-padding:0 14px}.os .wk-col{scroll-snap-align:start;flex:0 0 84%;min-width:0;max-width:none}.os .cc-voorbeeld svg{vertical-align:-2px;display:inline-block}.os .cs-gesprek-kop .cs-wie{flex:calc(100% - 110px)}.os .cs-gesprek-kop .cs-wie b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.os .mb-terug{place-self:flex-start start}.os .db{margin:-14px -14px 0}.os .wk,.os .nt,.os .hd,.os .ag,.os .ib-mail{margin:-14px -14px -24px}.os .hd{min-height:var(--os-h);flex-direction:column;padding:36px 14px 0;display:flex}.os .hd-col{flex:1}.os .hd-greet{margin-top:14px;font-size:22px}.os .hd-kaarten{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;width:calc(100% + 28px);margin:26px -14px 0;padding:0 14px 4px;scroll-padding:0 14px;display:flex;overflow-x:auto}.os .hd-kaarten::-webkit-scrollbar{display:none}.os .hd-kaart{scroll-snap-align:start;flex:0 0 78%}.os .hd-invoer{z-index:5;background:linear-gradient(#0a0a0a00,#0a0a0a 32%);margin-top:auto;padding-top:18px;padding-bottom:10px;position:sticky;bottom:0}.os .hd-invoer.met{background:#0f0f0f;padding:12px 10px 10px}div.os:has(.os-main :is(textarea,input:not([type=checkbox],[type=radio],[type=range]),[contenteditable=true]):focus){--os-tab:0px}div.os:has(.os-main :is(textarea,input:not([type=checkbox],[type=radio],[type=range]),[contenteditable=true]):focus) .os-tabbar{display:none}.os .ad-chat{height:calc(var(--os-h) - 58px);min-height:420px}}@media (hover:none){.os-item .os-ster{display:none}.os-item .os-drop{opacity:1}.os-item:hover .os-link .os-count{margin-right:0}}