:root{font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;color:#e9edf7;background:#080c15}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{width:258px;flex-shrink:0;background:#0d121e;border-right:1px solid #202838;padding:30px 17px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-.7px;padding:0 9px 44px}.brand small{display:block;font-size:9px;color:#68768e;letter-spacing:2.1px;margin-top:3px}.mark{display:grid;place-items:center;width:41px;height:41px;background:linear-gradient(135deg,#ffae57,#e97923);color:#10131c;border-radius:12px;font-size:24px}.accent{color:#ffa64c}.section-label{font-size:10px;color:#68758b;letter-spacing:1.8px;font-weight:800;padding:0 14px 15px}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:13px;color:#9daac1;font-size:14px;font-weight:600;padding:14px 15px;border-radius:10px}nav a:hover,nav a.active{background:#222838;color:#fff}nav a.active{box-shadow:inset 3px 0 #f39b43}.side-bottom{margin-top:auto;padding:18px 14px;border:1px solid #293142;background:#151b28;border-radius:12px;font-size:12px;color:#d5ddeb}.side-bottom p{margin:8px 0 0;color:#7f8ba2}.online-dot{display:inline-block;background:#39cf91;width:8px;height:8px;border-radius:50%;margin-right:7px}.workspace{flex:1;min-width:0}.topbar{height:82px;border-bottom:1px solid #202838;display:flex;align-items:center;justify-content:space-between;padding:0 45px;background:#0c111b}.crumb{color:#738099;font-size:12px;font-weight:750;letter-spacing:1.3px}.crumb #pageName{color:#e4eaf4}.chev{padding:0 13px;color:#475166}.top-create,.primary{background:#f59c43!important;color:#19140f!important;border-color:#f59c43!important;font-weight:800!important}.top-create{padding:11px 17px;border-radius:9px;font-size:13px}main{max-width:1160px;padding:47px 45px 70px;margin:auto;min-height:calc(100vh - 148px)}h1{font-size:clamp(30px,4vw,45px);letter-spacing:-1.5px;margin:0 0 12px}h2{font-size:20px;letter-spacing:-.4px;margin:0 0 12px}p{line-height:1.6}.muted{color:#8e9bb1}.eyebrow{color:#f7a253;letter-spacing:2px;font-size:11px;font-weight:800;margin-bottom:14px}.hero{padding:26px 0 27px}.hero p{max-width:600px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:17px;margin-top:25px}.panel,.paste-card,.feature{background:#121a28;border:1px solid #263145;border-radius:14px;padding:25px}.feature .symbol{display:grid;place-items:center;width:41px;height:41px;background:#302719;color:#f5a14b;border-radius:11px;font-size:21px;margin-bottom:22px}.feature h3{margin:0}.feature p{font-size:13px;color:#92a0b6}.paste-card h3{margin:0 0 12px;overflow-wrap:anywhere}.paste-card h3 a:hover{color:#f8a75b}.paste-card small{color:#8391a7}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:23px}button,.btn{font:inherit;cursor:pointer;border:1px solid #39475e;background:#202a3a;color:#ecf0f8;border-radius:9px;padding:11px 17px;font-size:13px;font-weight:650}button:hover,.btn:hover{filter:brightness(1.15)}button.danger{color:#ff9c9c}label{display:block;font-size:13px;color:#c4cde0;font-weight:650;margin:19px 0 8px}input,textarea,select{width:100%;border:1px solid #354157;background:#0b121e;color:#f4f7fc;padding:13px 14px;border-radius:9px;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:#f59c43}textarea{min-height:300px;resize:vertical;font-family:Consolas,ui-monospace,monospace;font-size:13px;line-height:1.6}.formrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#090f19;border:1px solid #273347;border-radius:12px;padding:24px;max-height:65vh;overflow:auto;line-height:1.55}#flash:not(:empty){padding:15px 19px;background:#332516;border:1px solid #8d602f;border-radius:10px;margin-bottom:24px;color:#ffca91}footer{text-align:center;color:#66748a;padding:22px;font-size:12px}.hint{font-size:12px;color:#8b9ab1}.pill{display:inline-block;font-size:11px;border-radius:20px;background:#2a3445;padding:5px 9px;color:#cbd6e9}.empty{padding:34px;text-align:center;color:#8d9bb1;border:1px dashed #344057;border-radius:13px}.copyline{display:flex;gap:10px;align-items:center}.copyline input{flex:1}.lock{color:#ffbd77}@media(max-width:800px){.sidebar{width:75px;padding:25px 8px}.brand{padding:0 5px 35px}.brand>span:last-child,.section-label,nav a span,.side-bottom{display:none}.brand .mark{flex-shrink:0}nav a{justify-content:center;font-size:20px}.topbar{padding:0 20px}main{padding:35px 20px}}@media(max-width:480px){.sidebar{width:57px}.top-create{font-size:11px;padding:10px}.crumb{font-size:10px}main{padding:25px 14px}}

/* Saade's Paste — donkerrood & donkergroen */
:root{color:#f2eae8;background:#0c1110;color-scheme:dark}
.sidebar{background:#101715;border-right-color:#2b3c33}
.topbar{background:#111916;border-bottom-color:#2b3c33}
.brand small,.section-label,.crumb,.muted,.hint,footer{color:#a3b1a6}
.mark{background:linear-gradient(135deg,#8e202b,#4e101b);color:#fff}
.accent,.eyebrow{color:#dc7378}
nav a{color:#a6b9ad}
nav a:hover,nav a.active{background:#20392c;color:#f5fff6}
nav a.active{box-shadow:inset 3px 0 #a5323e}
.side-bottom{background:#15241b;border-color:#355240;color:#d9e9dc}
.side-bottom p{color:#a1b9a8}
.online-dot{background:#4da66e}
.crumb #pageName{color:#f2ece8}.chev{color:#698b72}
.top-create,.primary{background:#7c1e2a!important;border-color:#a23b47!important;color:#fff5f4!important}
.top-create:hover,.primary:hover{background:#a12d3b!important}
.panel,.paste-card,.feature{background:#151f1a;border-color:#2f4638}
.feature .symbol{background:#2d1b20;color:#e67d85}
.feature p,.paste-card small{color:#a9b9ac}
.paste-card h3 a:hover{color:#e5848b}
button,.btn{background:#203428;border-color:#3d5945;color:#eef8ee}
button.danger{color:#ef9ca2}
label{color:#d6e5d7}
input,textarea,select{background:#0e1813;border-color:#3b5543;color:#f5f6ef}
input:focus,textarea:focus,select:focus{border-color:#ae3b47;box-shadow:0 0 0 2px #81222d44}
pre{background:#0d1711;border-color:#304b37}
#flash:not(:empty){background:#341d22;border-color:#8c3740;color:#ffd5d5}
.pill{background:#24402e;color:#e0f0e2}
.empty{color:#a7b8aa;border-color:#3d5945}
.lock{color:#e47c84}


/* Saade's Paste — cinematic motion update. Visual-only: no API or data changes. */
:root{scroll-behavior:smooth}
body{overflow-x:hidden;isolation:isolate}
body::before{content:"";position:fixed;z-index:-1;pointer-events:none;inset:-28%;background:radial-gradient(ellipse at 20% 30%,rgba(116,25,39,.18),transparent 42%),radial-gradient(ellipse at 78% 75%,rgba(26,96,58,.20),transparent 46%);animation:saadeAmbient 22s ease-in-out infinite alternate;transform-origin:center}
@keyframes saadeAmbient{0%{transform:translate3d(-3%,2%,0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.1)}100%{transform:translate3d(-1%,4%,0) scale(1.04)}}
@keyframes saadeEnter{from{opacity:0;transform:translate3d(0,30px,0) scale(.975);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes saadeSlide{from{opacity:0;transform:translate3d(-24px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes saadeGlow{0%,100%{box-shadow:0 0 0 rgba(126,37,48,0)}50%{box-shadow:0 0 24px rgba(126,37,48,.32)}}
@keyframes saadePulse{0%,100%{box-shadow:0 0 0 0 rgba(77,166,110,.22)}50%{box-shadow:0 0 0 8px rgba(77,166,110,0)}}
@keyframes saadeFlash{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
.sidebar{animation:saadeSlide .85s cubic-bezier(.2,.8,.2,1) both}
.topbar{animation:saadeEnter .75s .1s both}
.brand .mark{animation:saadeGlow 4s ease-in-out infinite;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s}
.brand:hover .mark{transform:rotate(-12deg) scale(1.12);filter:brightness(1.2)}
nav a{transition:transform .32s cubic-bezier(.2,.8,.2,1),background-color .3s,color .3s,box-shadow .3s}
nav a:hover{transform:translateX(6px)}
nav a.active{transition:background-color .3s,box-shadow .3s}
.online-dot{animation:saadePulse 2.5s infinite}
#app > *{animation:saadeEnter .8s cubic-bezier(.2,.8,.2,1) both}
#app > :nth-child(2){animation-delay:.1s}
#app > :nth-child(3){animation-delay:.17s}
#app .grid > *{animation:saadeEnter .75s cubic-bezier(.2,.8,.2,1) both}
#app .grid > :nth-child(2){animation-delay:.12s}
#app .grid > :nth-child(3){animation-delay:.24s}
#app .grid > :nth-child(4){animation-delay:.36s}
#app .grid > :nth-child(n+5){animation-delay:.44s}
.panel,.paste-card,.feature{transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .42s,background-color .35s}
.paste-card:hover,.feature:hover{transform:translateY(-9px) scale(1.018);border-color:#5e755e;box-shadow:0 20px 45px rgba(0,0,0,.28),0 0 28px rgba(94,35,43,.12)}
.panel:focus-within{border-color:#6b6956;box-shadow:0 14px 45px rgba(0,0,0,.2)}
button,.btn,.top-create{transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s,box-shadow .28s,background-color .28s}
button:hover,.btn:hover,.top-create:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.24)}
button:active,.btn:active,.top-create:active{transform:scale(.96)}
input,textarea,select{transition:border-color .3s,box-shadow .3s,background-color .3s,transform .3s}
input:focus,textarea:focus,select:focus{transform:translateY(-2px);box-shadow:0 0 0 3px rgba(136,43,56,.25),0 12px 26px rgba(0,0,0,.16)}
.feature .symbol{transition:transform .5s cubic-bezier(.2,.8,.2,1),background-color .3s}
.feature:hover .symbol{transform:rotate(-9deg) scale(1.16)}
#flash:not(:empty){animation:saadeFlash .5s cubic-bezier(.2,.8,.2,1) both}
pre{transition:border-color .3s,box-shadow .3s}
pre:hover{border-color:#47634d;box-shadow:0 16px 35px rgba(0,0,0,.2)}
a:focus-visible,button:focus-visible{outline:2px solid #e88e92;outline-offset:3px}
@media(max-width:800px){nav a:hover{transform:none}.paste-card:hover,.feature:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body::before{animation:none}}

/* Mijn pastes archief */
.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.dashboard-head p{max-width:700px}.dashboard-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.dashboard-tools input{flex:1;min-width:210px}.dashboard-tools button{white-space:nowrap}.paste-card p{font-size:13px;margin:8px 0}.paste-card .actions{margin-top:16px}.paste-card .actions button{padding:9px 12px}@media(max-width:600px){.dashboard-tools>*{width:100%}}

/* Clean edition: rustige hiërarchie en verfijnde accenten. */
:root{scroll-behavior:auto}
body::before{opacity:.55;animation-duration:38s}
.sidebar{padding-top:35px}
.brand{letter-spacing:-.025em}
nav a{border-radius:12px;margin-bottom:5px}
nav a:hover{transform:translateX(3px)}
.topbar{min-height:76px}
main{max-width:1260px;margin:0 auto;width:100%}
.hero{position:relative;border:1px solid #30483a;border-radius:22px;background:linear-gradient(115deg,#19251e 0%,#151c19 65%,#25191d 100%);padding:clamp(30px,5vw,68px);margin-bottom:30px;box-shadow:0 20px 65px rgba(0,0,0,.14)}
.hero h1{max-width:800px;line-height:1.09;letter-spacing:-.045em}
.hero .muted{max-width:700px;line-height:1.7}
.hero .actions{margin-top:25px;gap:12px;flex-wrap:wrap}
.hero-note{display:flex;align-items:center;gap:10px;margin-top:29px;font-size:12px;color:#a8bdaf;line-height:1.6}
.status-mark{display:inline-block;width:8px;height:8px;border-radius:50%;background:#68a47d;flex-shrink:0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:22px 0 19px}
.section-heading h2{margin:7px 0 0;font-size:clamp(20px,2.4vw,27px);letter-spacing:-.03em}
.section-heading p{max-width:340px;font-size:13px;line-height:1.5}
.feature{border-radius:17px;padding:27px;min-height:205px}
.feature .symbol{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:13px;font-weight:800;letter-spacing:.05em;border-radius:12px}
.feature h3{margin-top:18px}
.panel,.paste-card{border-radius:17px}
.paste-card:hover,.feature:hover{transform:translateY(-4px) scale(1.003)}
button,.btn,.top-create{border-radius:11px}
input,select,textarea{border-radius:11px}
.lock{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border:1px solid #79444b;border-radius:7px;background:#301f24;color:#efb5b9;vertical-align:middle}
#app > *{animation-duration:.5s}
@media(max-width:700px){.hero{padding:26px 22px}.section-heading{align-items:start}.hero-note{align-items:start}}
@media(prefers-reduced-motion:reduce){.hero,.feature{animation:none!important}}

/* Over Saade's Paste */
.about-intro{border:1px solid #30483a;border-radius:20px;padding:clamp(25px,4vw,48px);background:linear-gradient(125deg,#1c2c22,#1c191b);margin-bottom:22px}
.about-intro h1{font-size:clamp(30px,4vw,48px);margin:12px 0 14px;letter-spacing:-.035em}
.about-intro p{max-width:680px;line-height:1.7}
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.about-person{padding:28px;border-radius:16px;border:1px solid #354c3d;background:#19241e;transition:transform .25s,border-color .25s}
.about-person:hover{transform:translateY(-3px);border-color:#8c3a47}
.about-person h2{font-size:21px;margin:17px 0 10px;overflow-wrap:anywhere}
.about-person p{font-size:13px;color:#afc2b5;line-height:1.6}

/* Saade Community Bot op Over Saade's Paste */
.bot-section{margin-top:30px;padding:clamp(24px,4vw,38px);border:1px solid #344c3d;border-radius:20px;background:linear-gradient(140deg,#17251d,#20191d)}
.bot-section>h2{font-size:clamp(24px,3vw,32px);margin:10px 0 12px;letter-spacing:-.025em}
.bot-section>.muted{max-width:740px;line-height:1.7;margin-bottom:22px}
.bot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.bot-feature{background:#19291f;border:1px solid #365141;border-radius:14px;padding:22px;transition:transform .2s ease,border-color .2s ease}
.bot-feature:hover{transform:translateY(-3px);border-color:#914250}
.bot-feature h3{font-size:16px;margin:0 0 10px;color:#f2e8e9}
.bot-feature p{font-size:13px;color:#b2c4b7;line-height:1.7;margin:0}
.bot-footnote{color:#93a99a;font-size:12px;margin:20px 0 0;line-height:1.6}
@media(prefers-reduced-motion:reduce){.bot-feature{transition:none}.bot-feature:hover{transform:none}}

/* Bot Saade logo on About page */
.bot-saade-heading{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:15px 0 24px}.bot-saade-logo{width:min(260px,100%);height:150px;object-fit:cover;border-radius:14px;border:1px solid #385143;box-shadow:0 12px 32px #0005}.bot-saade-heading h2{font-size:clamp(25px,3vw,34px);margin:0 0 8px}.bot-saade-subtitle{margin:0;color:#adc5b5;font-size:14px}@media(max-width:600px){.bot-saade-logo{width:100%;height:auto;max-height:220px}.bot-saade-heading{gap:15px}}

/* Bot Saade: uitklapbare informatiekaarten */
.bot-expand-instruction{color:#b5c6b8;font-size:13px;margin:0 0 15px;letter-spacing:.015em}
.bot-feature{padding:0;overflow:hidden;align-self:start;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.bot-feature summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 22px;cursor:pointer;list-style:none;user-select:none}
.bot-feature summary::-webkit-details-marker{display:none}
.bot-feature summary:focus-visible{outline:2px solid #ba6774;outline-offset:-4px;border-radius:12px}
.bot-feature-title{font-size:16px;font-weight:700;color:#f2e8e9}
.bot-feature-chevron{width:10px;height:10px;flex:none;border-right:2px solid #c78b95;border-bottom:2px solid #c78b95;transform:rotate(45deg);transition:transform .35s ease}
.bot-feature[open] .bot-feature-chevron{transform:rotate(225deg)}
.bot-feature[open]{border-color:#914250;box-shadow:0 12px 32px #0003}
.bot-feature-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.75,.2,1)}
.bot-feature[open] .bot-feature-content{grid-template-rows:1fr}
.bot-feature-content-inner{overflow:hidden;min-height:0}
.bot-feature-content-inner p{margin:0 22px 24px;font-size:14px;line-height:1.85;color:#c1d0c5}
@media(prefers-reduced-motion:reduce){.bot-feature,.bot-feature-chevron,.bot-feature-content{transition:none}}

@supports (interpolate-size:allow-keywords){
 :root{interpolate-size:allow-keywords}
 .bot-feature::details-content{height:0;overflow:clip;opacity:0;transition:height .45s ease,opacity .35s ease,content-visibility .45s allow-discrete}
 .bot-feature[open]::details-content{height:auto;opacity:1}
 .bot-feature-content,.bot-feature[open] .bot-feature-content{display:block}
}
@media(prefers-reduced-motion:reduce){.bot-feature::details-content{transition:none}}

/* Saade's Paste responsive mobile navigation and layout */
.mobile-menu-toggle,.mobile-backdrop{display:none}
@media(max-width:800px){
  .shell{display:block;min-height:100dvh}
  .workspace{width:100%;min-width:0}
  .sidebar{position:fixed;top:0;bottom:0;left:0;z-index:110;width:min(310px,86vw)!important;min-height:100dvh;height:100dvh;overflow-y:auto;padding:28px 18px!important;transform:translateX(-105%);transition:transform .32s cubic-bezier(.2,.8,.2,1);animation:none!important;box-shadow:18px 0 50px #0007}
  body.mobile-menu-open .sidebar{transform:translateX(0)}
  body.mobile-menu-open{overflow:hidden}
  .sidebar .brand{padding:0 9px 36px}
  .sidebar .brand>span:last-child,.sidebar .section-label,.sidebar nav a span,.sidebar .side-bottom{display:block!important}
  .sidebar nav a{justify-content:flex-start;font-size:15px;min-height:48px;padding:13px 15px}
  .sidebar nav a:hover{transform:none}
  .sidebar .side-bottom{margin-top:35px}
  .mobile-backdrop{display:block;position:fixed;inset:0;z-index:105;background:#050b08b8;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
  body.mobile-menu-open .mobile-backdrop{opacity:1;visibility:visible}
  .mobile-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;width:44px;height:44px;padding:8px;background:#1c3024;border:1px solid #47604d;border-radius:10px}
  .mobile-menu-toggle span{width:21px;height:2px;background:#f2e8e9;border-radius:3px;transition:transform .25s,opacity .25s}
  body.mobile-menu-open .mobile-menu-toggle span:first-child{transform:translateY(7px) rotate(45deg)}
  body.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  body.mobile-menu-open .mobile-menu-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .topbar{height:auto;min-height:72px;padding:12px 18px;gap:12px}
  .topbar .crumb{flex:1;min-width:0;overflow-wrap:anywhere}
  main{padding:28px 18px 48px;min-height:calc(100dvh - 155px)}
  .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
  .formrow{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
  .dashboard-tools input{min-width:0}
  .panel,.paste-card,.feature{padding:20px}
  .copyline{flex-wrap:wrap}
  .copyline input{min-width:0}
  .bot-feature,pre,code{max-width:100%}
  pre{overflow-x:auto;padding:16px}
  input,select,textarea{font-size:16px}
  button,.btn,.top-create{min-height:44px}
  .bot-saade-heading{align-items:flex-start}
}
@media(max-width:480px){
  .topbar{padding:11px 12px;gap:8px}
  .top-create{padding:10px 11px;font-size:12px}
  .crumb{font-size:11px}
  .chev{padding:0 5px}
  main{padding:22px 13px 40px}
  h1{font-size:clamp(27px,8vw,36px)}
  .hero{padding:23px 17px}
  .grid{grid-template-columns:minmax(0,1fr)}
  .panel,.paste-card,.feature{padding:17px}
  .actions{gap:9px}
  .actions button,.actions .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .dashboard-tools>*{width:100%}
  .bot-saade-logo{width:100%;height:auto}
  footer{padding:18px 12px}
}
@media(prefers-reduced-motion:reduce){.sidebar,.mobile-backdrop,.mobile-menu-toggle span{transition:none!important}}

/* Ingebouwde bijlageviewer */
.attachment-list{display:grid;gap:14px;margin-top:16px}.attachment-item{border:1px solid rgba(138,170,147,.24);border-radius:14px;padding:16px;background:rgba(12,25,18,.38);min-width:0}.attachment-item-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.attachment-file-name{overflow-wrap:anywhere;font-weight:600}.attachment-file-name small{font-weight:400;opacity:.7}.attachment-preview{margin-top:14px;max-width:100%;overflow:hidden}.attachment-preview[hidden]{display:none}.attachment-image-preview{display:block;max-width:100%;max-height:650px;width:auto;height:auto;object-fit:contain;border-radius:10px}.attachment-pdf-preview{width:100%;height:min(70vh,740px);border:1px solid rgba(138,170,147,.3);border-radius:10px;background:white}.attachment-text-preview{max-height:550px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}@media(max-width:640px){.attachment-item{padding:12px}.attachment-item-head .actions{width:100%}.attachment-pdf-preview{height:65vh}}

/* Ontdekken */
.discover-toggle{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #395242;border-radius:12px;background:rgba(25,60,40,.28);cursor:pointer;margin-top:20px}.discover-toggle input{width:19px;height:19px;flex-shrink:0;accent-color:#8d3645}.discover-toggle span{font-weight:650}.discover-toggle:hover{border-color:#a14a59}#exploreSearch{width:100%}

/* Admin panel */
.admin-results{display:grid;gap:12px;margin-top:20px}.admin-results .paste-card{min-width:0}.admin-results .actions{align-items:center;flex-wrap:wrap}.admin-results a{color:inherit;text-decoration:underline}

/* Admin statistieken */
.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:16px 0}
.admin-stat-grid .paste-card{margin:0}.admin-table-scroll{max-width:100%;overflow-x:auto;margin:12px 0}
.admin-stats-table{width:100%;border-collapse:collapse;min-width:520px;text-align:left}
.admin-stats-table th,.admin-stats-table td{padding:10px;border-bottom:1px solid rgba(150,150,150,.2)}
.admin-stat-section{margin:22px 0 30px}

/* Meerdere pastes selecteren in admin */
.admin-bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:15px 0;padding:12px 14px;border:1px solid rgba(138,170,147,.24);border-radius:12px}.admin-bulk-check,.admin-paste-select{display:flex;align-items:center;gap:10px;cursor:pointer}.admin-bulk-check input,.admin-paste-select input{width:19px;height:19px;flex-shrink:0;accent-color:#a14a59}.admin-bulk-bar button{margin-left:auto}.admin-paste-select{margin-bottom:8px;overflow-wrap:anywhere}.admin-bulk-bar button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:560px){.admin-bulk-bar button{width:100%;margin-left:0}}

/* Saade's Paste approved logo: visible sitewide */
.brand .site-wordmark{display:block;width:100%;max-width:208px;height:auto;object-fit:contain;}
.sidebar .brand{padding-left:9px;padding-right:9px;}
footer .footer-wordmark{display:block;width:165px;max-width:70%;height:auto;margin:0 auto 10px;}
footer span{display:block;}
@media(max-width:800px){.sidebar .brand .site-wordmark{width:100%;max-width:208px;}}

.about-community-link{margin-top:18px}.about-community-link a{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid currentColor;border-radius:10px;text-decoration:none;font-weight:600}.about-community-link a:hover{text-decoration:underline}

/* Uitklapbare beveiligingsgeschiedenis */
.admin-fold{margin:0}.admin-fold>summary,.admin-day-fold>summary{cursor:pointer;list-style:revert;padding:8px 4px;overflow-wrap:anywhere}.admin-fold>summary small{display:inline-block;margin-left:8px;opacity:.75}.admin-fold-body{padding:10px 0 2px;display:grid;gap:10px}.admin-day-fold{padding:8px 12px;border:1px solid rgba(138,170,147,.22);border-radius:10px}.admin-event-row{padding:8px 0;border-top:1px solid rgba(138,170,147,.15);overflow-wrap:anywhere}#securityLoadedCount{align-self:center}