#twPinboardModal{display:none;position:fixed;inset:58px 0 0;z-index:950000;background:#f5f1e8;color:#172033;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:auto}
.tw-pin-shell{min-height:100%;display:flex;flex-direction:column}.tw-pin-head{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:11px 16px;background:rgba(250,248,243,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,32,51,.1)}.tw-pin-head h1{font-size:20px;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-pin-status{font-size:12px;color:#657087;min-height:18px}.tw-pin-main{padding:18px;max-width:1700px;width:100%;margin:0 auto;box-sizing:border-box}.tw-pin-board-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.tw-pin-board-card{position:relative;background:#fff;border:1px solid rgba(23,32,51,.1);border-radius:18px;padding:18px;box-shadow:0 7px 25px rgba(45,34,20,.07);cursor:pointer;min-height:142px;overflow:hidden}.tw-pin-board-card:after{content:"";position:absolute;inset:auto -30px -55px auto;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.22)}.tw-pin-board-card h3{margin:0 0 7px;font-size:19px;position:relative;z-index:1}.tw-pin-board-card p{margin:0;color:inherit;opacity:.72;font-size:13px;line-height:1.45;position:relative;z-index:1}.tw-pin-list-icon{font-size:24px;margin-bottom:8px;position:relative;z-index:1}.tw-pin-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;position:relative;z-index:1}.tw-pin-chip{font-size:11px;font-weight:800;background:rgba(240,236,229,.86);border-radius:999px;padding:5px 8px;color:#655a4d}.tw-pin-empty{padding:30px;text-align:center;color:#7c746b}.tw-pin-intro{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 14px;padding:14px 16px;background:#fff;border:1px solid rgba(23,32,51,.08);border-radius:16px}.tw-pin-intro b{display:block;font-size:17px}.tw-pin-intro span{display:block;font-size:12px;color:#667085;margin-top:3px}
.tw-pin-board-toolbar{position:sticky;top:54px;z-index:22;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-4px 0 10px;padding:9px;background:rgba(245,241,232,.93);backdrop-filter:blur(12px);border-radius:14px}.tw-pin-search{margin-left:auto;min-width:min(260px,100%);display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #ddd7cc;border-radius:11px;padding:6px 9px}.tw-pin-search input{border:0;outline:0;min-width:0;flex:1;background:transparent;font:inherit}.tw-pin-board-stage{--pb-bg:#f5f1e8;--pb-surface:#fff;--pb-card:#fff;--pb-text:#172033;--pb-muted:#667085;--pb-accent:#2d4a8a;--pb-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--pb-scale:1;background:var(--pb-bg);color:var(--pb-text);font-family:var(--pb-font);font-size:calc(14px * var(--pb-scale));border:1px solid color-mix(in srgb,var(--pb-text) 10%,transparent);border-radius:20px;min-height:64vh;overflow:hidden;box-shadow:0 10px 38px rgba(34,35,40,.08)}.tw-pin-board-stage.pattern-grid{background-color:var(--pb-bg);background-image:linear-gradient(color-mix(in srgb,var(--pb-accent) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pb-accent) 10%,transparent) 1px,transparent 1px);background-size:28px 28px}.tw-pin-board-stage.pattern-dots{background-color:var(--pb-bg);background-image:radial-gradient(color-mix(in srgb,var(--pb-accent) 20%,transparent) 1.1px,transparent 1.1px);background-size:24px 24px}.tw-pin-board-stage.pattern-lines{background-color:var(--pb-bg);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,color-mix(in srgb,var(--pb-accent) 13%,transparent) 32px)}.tw-pin-hero{display:flex;gap:15px;align-items:center;padding:20px 22px;background:color-mix(in srgb,var(--pb-surface) 92%,transparent);border-bottom:1px solid color-mix(in srgb,var(--pb-text) 10%,transparent)}.tw-pin-hero.cover{min-height:130px;background:linear-gradient(135deg,var(--pb-accent),color-mix(in srgb,var(--pb-accent) 55%,var(--pb-surface)));color:#fff}.tw-pin-hero-icon{font-size:38px;line-height:1}.tw-pin-hero h2{margin:0;font-size:clamp(22px,3vw,36px);letter-spacing:-.03em}.tw-pin-hero p{margin:5px 0 0;opacity:.78;white-space:pre-wrap}.tw-pin-stage-body{padding:16px}.tw-pin-description{margin:0;padding:12px 15px;background:color-mix(in srgb,var(--pb-surface) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--pb-text) 8%,transparent);white-space:pre-wrap;color:var(--pb-muted)}
.tw-pin-columns{display:flex;gap:14px;align-items:flex-start;overflow-x:auto;padding:3px 2px 28px;min-height:54vh}.tw-pin-column{--pb-column:color-mix(in srgb,var(--pb-accent) 12%,var(--pb-surface));width:min(345px,86vw);flex:0 0 min(345px,86vw);background:var(--pb-column);border:1px solid color-mix(in srgb,var(--pb-text) 8%,transparent);border-radius:17px;padding:10px;box-sizing:border-box}.tw-pin-column-head{display:flex;align-items:center;gap:7px;margin:2px 2px 10px}.tw-pin-column-dot{width:9px;height:9px;border-radius:50%;background:var(--pb-accent)}.tw-pin-column-head b{flex:1;font-size:15px}.tw-pin-mini{border:0;background:transparent;border-radius:8px;padding:5px 8px;font-weight:900;cursor:pointer;color:var(--pb-muted)}.tw-pin-card-list{display:flex;flex-direction:column;gap:9px;min-height:40px}.tw-pin-add-card{width:100%;margin-top:9px;border:1px dashed color-mix(in srgb,var(--pb-text) 28%,transparent);background:transparent;border-radius:11px;padding:9px;font-weight:800;color:var(--pb-muted);cursor:pointer}.density-compact .tw-pin-card-list{gap:6px}.density-compact .tw-pin-card{padding:9px}.density-compact .tw-pin-column{padding:8px}
.tw-pin-card{--card-bg:var(--pb-card);--card-text:var(--pb-text);--card-accent:var(--pb-accent);--card-font:var(--pb-font);--card-size:14px;position:relative;background:var(--card-bg);color:var(--card-text);font-family:var(--card-font);border:1px solid color-mix(in srgb,var(--card-text) 9%,transparent);border-radius:14px;padding:13px;box-shadow:0 4px 12px rgba(31,30,26,.06);cursor:pointer;overflow:hidden}.cardstyle-flat .tw-pin-card{box-shadow:none;border-color:transparent;border-radius:8px}.cardstyle-outline .tw-pin-card{box-shadow:none;border:2px solid color-mix(in srgb,var(--card-accent) 55%,transparent);background:color-mix(in srgb,var(--card-bg) 88%,transparent)}.tw-pin-card.pinned{box-shadow:0 8px 22px color-mix(in srgb,var(--card-accent) 16%,transparent)}.tw-pin-card.heading-card{background:transparent;border:0;box-shadow:none;padding-left:5px}.tw-pin-card.is-dragging{opacity:.55}.tw-pin-card-accent{position:absolute;inset:0 auto 0 0;width:4px;background:var(--card-accent)}.tw-pin-card-top{display:flex;align-items:flex-start;gap:7px}.tw-pin-card h4{margin:0 0 6px;font-size:calc(var(--card-size) * 1.08);flex:1;line-height:1.25}.tw-pin-card-icon{font-size:1.3em}.tw-pin-card .body{font-size:var(--card-size);white-space:normal;line-height:1.46;color:var(--card-text);opacity:.88;max-height:230px;overflow:hidden}.tw-pin-card-tag{display:inline-block;margin:2px 0 8px;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--card-accent) 14%,transparent);color:var(--card-accent);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.tw-pin-checklist{display:flex;flex-direction:column;gap:5px;font-size:var(--card-size)}.tw-pin-checklist>div{display:flex;gap:6px}.tw-pin-checklist .done{text-decoration:line-through;opacity:.55}.tw-pin-card a{word-break:break-all}.tw-pin-attach{display:block;margin-top:9px;border-radius:11px;max-width:100%;max-height:260px;object-fit:cover}.tw-pin-filechip{margin-top:8px;padding:7px 8px;border-radius:9px;background:color-mix(in srgb,var(--card-accent) 9%,transparent);font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-pin-external{display:block;margin-top:8px;font-size:11px;color:var(--card-accent);word-break:break-all}
.tw-pin-free-scroll{width:100%;min-height:65vh;overflow:auto;border:1px solid color-mix(in srgb,var(--pb-text) 10%,transparent);border-radius:16px;background:transparent;box-shadow:inset 0 1px 5px rgba(20,25,40,.04)}.tw-pin-free-canvas{position:relative;min-width:1200px;min-height:800px}.tw-pin-card.free-card{position:absolute;box-sizing:border-box;overflow:auto;touch-action:none;user-select:none}.tw-pin-card.free-card .body{max-height:none;user-select:text}.tw-pin-resize-handle{position:absolute;right:4px;bottom:4px;width:23px;height:23px;border:0;border-radius:7px;background:color-mix(in srgb,var(--card-accent) 17%,transparent);cursor:nwse-resize;touch-action:none}.tw-pin-resize-handle:after{content:"";position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-right:2px solid var(--card-accent);border-bottom:2px solid var(--card-accent)}.tw-pin-hint{font-size:11px;color:var(--pb-muted);margin-top:7px}
.tw-pin-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:13px;align-items:start}.tw-pin-gallery-grid .tw-pin-card{min-height:110px}.tw-pin-timeline{display:flex;gap:18px;align-items:center;min-width:max-content;overflow-x:auto;padding:180px 30px 190px;position:relative}.tw-pin-timeline:before{content:"";position:absolute;left:25px;right:25px;top:50%;height:4px;border-radius:4px;background:color-mix(in srgb,var(--pb-accent) 42%,var(--pb-surface))}.tw-pin-time-item{position:relative;width:280px;flex:0 0 280px}.tw-pin-time-item .tw-pin-card{position:absolute;left:0;width:100%;max-height:160px}.tw-pin-time-item.above .tw-pin-card{bottom:42px}.tw-pin-time-item.below .tw-pin-card{top:42px}.tw-pin-time-dot{position:absolute;left:50%;top:-8px;transform:translate(-50%,-50%);width:17px;height:17px;border-radius:50%;background:var(--pb-accent);border:4px solid var(--pb-bg);box-shadow:0 0 0 2px var(--pb-accent)}.tw-pin-time-label{position:absolute;left:50%;top:14px;transform:translateX(-50%);font-size:11px;font-weight:900;color:var(--pb-accent);white-space:nowrap}.tw-pin-time-item.below .tw-pin-time-label{top:-34px}.tw-pin-field{display:block;margin:10px 0}.tw-pin-field>span{display:block;font-size:12px;font-weight:800;color:#536071;margin-bottom:5px}.tw-pin-field input,.tw-pin-field textarea,.tw-pin-field select{width:100%;box-sizing:border-box;border:1px solid #d6d9df;border-radius:10px;padding:10px 11px;background:#fff;color:#172033;font:inherit}.tw-pin-field input[type=color]{padding:3px;height:42px}.tw-pin-field textarea{min-height:110px;resize:vertical}.tw-pin-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.tw-pin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.tw-pin-checkline{display:flex;gap:8px;align-items:center;margin:10px 0;font-size:13px}.tw-pin-colorrow{display:flex;gap:8px;align-items:center}.tw-pin-colorrow input{flex:1}.tw-pin-color-grid{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:9px;margin:12px 0}.tw-pin-color-grid label{font-size:11px;font-weight:800;color:#536071}.tw-pin-color-grid input{display:block;width:100%;height:44px;border:1px solid #ddd;border-radius:10px;padding:3px;margin-top:5px}.tw-pin-tabs{display:flex;gap:6px;margin-bottom:12px;background:#f3f4f6;padding:4px;border-radius:12px}.tw-pin-tabs button{flex:1;border:0;background:transparent;border-radius:9px;padding:8px;font-weight:800}.tw-pin-tabs button.active{background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.08)}.tw-pin-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tw-pin-layout-grid label{display:flex;flex-direction:column;gap:4px;border:1px solid #e0e3e8;border-radius:12px;padding:11px;cursor:pointer}.tw-pin-layout-grid input{width:auto}.tw-pin-layout-grid span{font-size:11px;color:#667085}.tw-pin-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px}.tw-pin-template-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;border:1px solid #e1e3e8;background:#fff;border-radius:13px;padding:12px;cursor:pointer}.tw-pin-template-card:hover,.tw-pin-template-card.selected{border-color:#6d86bd;box-shadow:0 0 0 2px rgba(45,74,138,.1)}.tw-pin-template-card .ico{font-size:24px}.tw-pin-template-card small{color:#667085;line-height:1.35}.tw-pin-muted{font-size:12px;color:#667085}.tw-pin-share-grid{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:16px;align-items:start}.tw-pin-qrbox{background:#fff;border:1px solid #ddd5c8;border-radius:14px;padding:10px;display:flex;justify-content:center;align-items:center;min-height:180px}.tw-pin-link{font-size:11px;word-break:break-all;background:#f7f5f1;padding:8px;border-radius:8px}.tw-pin-conflict{background:#fff6d8;border:1px solid #edd68d;border-radius:10px;padding:9px;font-size:12px;margin:8px 0}.tw-pin-comments{margin-top:14px;border-top:1px solid #ece9e3;padding-top:10px}.tw-pin-comment{padding:8px 0;border-bottom:1px solid #f0ede8;font-size:12px}.tw-pin-schema{background:#fff8e8;border:1px solid #e6cf9d;border-radius:14px;padding:16px;line-height:1.45}.tw-pin-offline{position:fixed;right:14px;bottom:14px;z-index:2147481250;background:#172033;color:#fff;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;display:none}.tw-pin-share-note{font-size:12px;color:#667085;line-height:1.45}
body.tw-pin-presenting #twPinboardModal{inset:0;z-index:2147481000}.tw-pin-presenting .tw-pin-head,.tw-pin-presenting .tw-pin-board-toolbar{display:none}.tw-pin-presenting .tw-pin-main{max-width:none;padding:0}.tw-pin-presenting .tw-pin-board-stage{border-radius:0;border:0;min-height:100vh}.tw-pin-presenting .tw-pin-stage-body{padding:24px}.tw-pin-presenting .tw-pin-hero{padding:30px 38px}.tw-pin-presenting .tw-pin-card{font-size:1.08em}
.tw-pin-free-scroll.guest .tw-pin-resize-handle{display:none}.tw-pin-free-scroll.guest .tw-pin-card.free-card{touch-action:auto;user-select:text}.tw-pin-free-scroll.guest .tw-pin-card.free-card .body{user-select:text}
@media(max-width:900px){.tw-pin-color-grid{grid-template-columns:repeat(3,1fr)}.tw-pin-form-grid{grid-template-columns:1fr}.tw-pin-board-toolbar{top:50px}.tw-pin-search{order:20;width:100%;margin-left:0}}
@media(max-width:700px){.tw-pin-head{padding:9px 10px}.tw-pin-main{padding:10px}.tw-pin-share-grid{grid-template-columns:1fr}.tw-pin-head h1{font-size:17px}.tw-pin-free-canvas{min-width:1000px}.tw-pin-intro{align-items:flex-start}.tw-pin-template-grid{grid-template-columns:repeat(2,1fr)}.tw-pin-layout-grid{grid-template-columns:1fr}.tw-pin-color-grid{grid-template-columns:repeat(2,1fr)}.tw-pin-timeline{padding-left:14px;padding-right:14px}}
@media(max-width:1024px){#twPinboardModal{top:56px}}
/* V622.33 – robuste Vorlagen-/Dateivorschau-/Loesch-Erweiterungen */
.tw-pin-board-card{position:relative}.tw-pin-board-delete{position:absolute;top:8px;right:8px;z-index:2;border:0;background:rgba(255,255,255,.86);color:#7a2b24;border-radius:9px;padding:6px 8px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)}.tw-pin-board-delete:hover{background:#fff1ef}
.tw-pin-preview{margin-top:9px;border:1px solid color-mix(in srgb,var(--card-text) 10%,transparent);border-radius:11px;overflow:hidden;background:color-mix(in srgb,var(--card-bg) 92%,#fff);position:relative}.tw-pin-preview-loading{padding:12px;font-size:11px;color:var(--pb-muted)}.tw-pin-preview pre{margin:0;max-height:240px;overflow:auto;padding:11px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;background:rgba(255,255,255,.52)}.tw-pin-docframe{display:block;width:100%;height:300px;border:0;background:#fff}.tw-pin-textframe{height:220px}.tw-pin-media-preview{display:block;width:100%;max-height:320px;background:#000}.tw-pin-audio-preview{display:block;width:calc(100% - 16px);margin:9px 8px}.tw-pin-preview-generic{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center;padding:13px}.tw-pin-preview-generic>b{grid-row:1/3;display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;border-radius:10px;background:color-mix(in srgb,var(--card-accent) 13%,transparent);color:var(--card-accent);font-size:13px}.tw-pin-preview-generic>span{font-size:12px;font-weight:850;overflow:hidden;text-overflow:ellipsis}.tw-pin-preview-generic>small{color:var(--pb-muted);line-height:1.35}.tw-pin-preview-open{display:block;padding:7px 9px;border-top:1px solid color-mix(in srgb,var(--card-text) 9%,transparent);font-size:11px;font-weight:800;color:var(--card-accent);text-decoration:none;background:color-mix(in srgb,var(--card-accent) 5%,transparent)}
.tw-pin-card.free-card .tw-pin-docframe{height:220px}.tw-pin-card.free-card .tw-pin-preview pre{max-height:170px}


/* =====================================================================
   V622.34 · Pinnwand-Verwaltung in der TeacherWidget-Designfamilie
   ---------------------------------------------------------------------
   Absichtlich NUR App-Chrome/Verwaltung. .tw-pin-board-stage und seine
   Inhalte behalten die vom Nutzer gewählte Pinnwand-Gestaltung vollständig.
   Alle Verwaltungsflächen hängen an den globalen --tw-x-* Tokens und
   wechseln damit automatisch sauber mit dem TeacherWidget-Nachtmodus.
   ===================================================================== */
#twPinboardModal{
  background:var(--tw-x-bg)!important;
  color:var(--tw-x-text)!important;
  font-family:var(--tw-x-font)!important;
}
.tw-pin-shell{background:var(--tw-x-bg)}
.tw-pin-head{
  min-height:62px;
  padding:10px 18px!important;
  background:color-mix(in srgb,var(--tw-x-surface) 96%,transparent)!important;
  color:var(--tw-x-text)!important;
  border-bottom:1px solid var(--tw-x-line)!important;
  box-shadow:0 3px 14px rgba(16,24,38,.055);
  backdrop-filter:blur(18px) saturate(1.05);
  -webkit-backdrop-filter:blur(18px) saturate(1.05);
}
.tw-pin-head h1{font-size:20px;font-weight:760;letter-spacing:-.025em;color:var(--tw-x-text)!important}
.tw-pin-status{color:var(--tw-x-muted)!important;font-size:12px;font-weight:650}
.tw-pin-status[data-state="error"]{color:var(--tw-x-danger)!important}
.tw-pin-main{padding:22px 24px 32px!important;max-width:1540px}
.tw-pin-btn.primary:hover{background:var(--tw-x-accent-hover)!important;border-color:var(--tw-x-accent-hover)!important}
.tw-pin-btn.danger:hover{background:var(--tw-x-danger-soft)!important;border-color:color-mix(in srgb,var(--tw-x-danger) 54%,var(--tw-x-line))!important}
.tw-pin-btn:focus-visible,.tw-pin-board-card:focus-visible,.tw-pin-template-card:focus-visible{outline:3px solid color-mix(in srgb,var(--tw-x-accent) 24%,transparent);outline-offset:2px}

.tw-pin-intro{
  margin:0 0 16px!important;
  padding:17px 18px!important;
  background:var(--tw-x-surface)!important;
  color:var(--tw-x-text)!important;
  border:1px solid var(--tw-x-line)!important;
  border-radius:var(--tw-x-r-lg)!important;
  box-shadow:var(--tw-x-shadow-1);
}
.tw-pin-intro b{font-size:18px;font-weight:760;letter-spacing:-.02em;color:var(--tw-x-text)}
.tw-pin-intro span{color:var(--tw-x-muted)!important;font-size:12.5px;line-height:1.45}
.tw-pin-board-list{gap:14px!important}
.tw-pin-board-card{
  background:var(--tw-x-surface)!important;
  color:var(--tw-x-text)!important;
  border:1px solid var(--tw-x-line)!important;
  border-radius:var(--tw-x-r-lg)!important;
  box-shadow:var(--tw-x-shadow-1)!important;
  padding:17px!important;
  min-height:150px;
  transition:transform .14s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.tw-pin-board-card:hover{transform:translateY(-2px);border-color:var(--tw-x-accent-line)!important;box-shadow:var(--tw-x-shadow-2)!important}
.tw-pin-board-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--tw-pin-preview-accent,var(--tw-x-accent));border-radius:var(--tw-x-r-lg) var(--tw-x-r-lg) 0 0}
.tw-pin-board-card:after{background:color-mix(in srgb,var(--tw-pin-preview-accent,var(--tw-x-accent)) 8%,transparent)!important}
.tw-pin-board-card h3{font-size:18px!important;font-weight:740;color:var(--tw-x-text)!important;letter-spacing:-.015em}
.tw-pin-board-card p{color:var(--tw-x-muted)!important;opacity:1!important}
.tw-pin-list-icon{width:42px;height:42px;display:grid;place-items:center;margin:2px 0 12px!important;border-radius:12px;background:color-mix(in srgb,var(--tw-pin-preview-accent,var(--tw-x-accent)) 11%,var(--tw-x-surface));color:var(--tw-pin-preview-accent,var(--tw-x-accent));border:1px solid color-mix(in srgb,var(--tw-pin-preview-accent,var(--tw-x-accent)) 22%,var(--tw-x-line));font-size:22px!important}
.tw-pin-chip{background:var(--tw-x-surface-3)!important;color:var(--tw-x-muted)!important;border:1px solid var(--tw-x-line);font-size:10.5px!important;font-weight:700!important}
.tw-pin-empty{color:var(--tw-x-muted)!important;background:var(--tw-x-surface);border:1px dashed var(--tw-x-line-strong);border-radius:var(--tw-x-r-lg);margin:6px 0}
.tw-pin-board-delete{background:var(--tw-x-surface)!important;color:var(--tw-x-danger)!important;border:1px solid var(--tw-x-line)!important;box-shadow:var(--tw-x-shadow-1)!important}
.tw-pin-board-delete:hover{background:var(--tw-x-danger-soft)!important;border-color:color-mix(in srgb,var(--tw-x-danger) 35%,var(--tw-x-line))!important}

.tw-pin-board-toolbar{
  top:62px!important;
  padding:8px!important;
  margin:-4px 0 12px!important;
  background:color-mix(in srgb,var(--tw-x-bg) 90%,var(--tw-x-surface))!important;
  border:1px solid var(--tw-x-line)!important;
  border-radius:var(--tw-x-r-lg)!important;
  box-shadow:var(--tw-x-shadow-1);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.tw-pin-search{background:var(--tw-x-surface)!important;border:1px solid var(--tw-x-line-strong)!important;border-radius:var(--tw-x-r-md)!important;color:var(--tw-x-text)!important;box-shadow:var(--tw-x-shadow-1)}
.tw-pin-search span{color:var(--tw-x-muted)}
.tw-pin-search input{color:var(--tw-x-text)!important;background:transparent!important;box-shadow:none!important;border:0!important}
.tw-pin-search input::placeholder{color:var(--tw-x-faint)!important}

/* Dialoge und Konfiguration gehören zur App-Oberfläche, nicht zur Pinnwand. */
.tw-pin-dialog{background:rgba(10,16,26,.48)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.tw-pin-field>span,.tw-pin-color-grid label{color:var(--tw-x-muted)!important;font-weight:700!important}
.tw-pin-field input:not([type=color]),.tw-pin-field textarea,.tw-pin-field select{
  background:var(--tw-x-surface)!important;color:var(--tw-x-text)!important;border:1px solid var(--tw-x-line-strong)!important;border-radius:var(--tw-x-r-md)!important;box-shadow:var(--tw-x-shadow-1)!important
}
.tw-pin-field input::placeholder,.tw-pin-field textarea::placeholder{color:var(--tw-x-faint)!important}
.tw-pin-field input:focus,.tw-pin-field textarea:focus,.tw-pin-field select:focus{border-color:var(--tw-x-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--tw-x-accent) 15%,transparent)!important;outline:0}
.tw-pin-color-grid input[type=color]{background:var(--tw-x-surface-2)!important;border-color:var(--tw-x-line-strong)!important}
.tw-pin-tabs{background:var(--tw-x-surface-3)!important;border:1px solid var(--tw-x-line);border-radius:var(--tw-x-r-md)!important}
.tw-pin-tabs button{color:var(--tw-x-muted)!important}
.tw-pin-tabs button.active{background:var(--tw-x-surface)!important;color:var(--tw-x-accent)!important;box-shadow:var(--tw-x-shadow-1)!important}
.tw-pin-layout-grid label,.tw-pin-template-card{background:var(--tw-x-surface)!important;color:var(--tw-x-text)!important;border:1px solid var(--tw-x-line)!important;border-radius:var(--tw-x-r-md)!important;box-shadow:var(--tw-x-shadow-1)}
.tw-pin-layout-grid label:hover,.tw-pin-template-card:hover{border-color:var(--tw-x-accent-line)!important;background:var(--tw-x-surface-2)!important}
.tw-pin-template-card.selected{border-color:var(--tw-x-accent)!important;background:var(--tw-x-accent-soft)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--tw-x-accent) 12%,transparent)!important}
.tw-pin-layout-grid span,.tw-pin-template-card small,.tw-pin-muted,.tw-pin-share-note{color:var(--tw-x-muted)!important}
.tw-pin-link{background:var(--tw-x-surface-2)!important;color:var(--tw-x-text)!important;border:1px solid var(--tw-x-line);border-radius:var(--tw-x-r-sm)!important}
.tw-pin-qrbox{background:#fff!important;color:#172033!important;border:1px solid var(--tw-x-line-strong)!important;box-shadow:var(--tw-x-shadow-1)}
.tw-pin-conflict{background:var(--tw-x-warn-soft)!important;color:var(--tw-x-text)!important;border-color:color-mix(in srgb,var(--tw-x-warn) 38%,var(--tw-x-line))!important}
.tw-pin-schema{background:var(--tw-x-warn-soft)!important;color:var(--tw-x-text)!important;border-color:color-mix(in srgb,var(--tw-x-warn) 34%,var(--tw-x-line))!important}
.tw-pin-comments{border-top-color:var(--tw-x-line)!important}.tw-pin-comment{border-bottom-color:var(--tw-x-line)!important}
.tw-pin-offline{background:var(--tw-x-ink-800)!important;color:var(--tw-x-on-ink)!important;box-shadow:var(--tw-x-shadow-2)}

/* Nachtmodus: die Verwaltungsseite verwendet bereits Tokens; diese Regeln
   verhindern nur Browser-/Inline-Reste. Die gestaltete Pinnwand selbst wird
   ausdrücklich NICHT überschrieben. */
html[data-theme="dark"] #twPinboardModal{background:var(--tw-x-bg)!important;color:var(--tw-x-text)!important}
html[data-theme="dark"] .tw-pin-head{box-shadow:0 3px 16px rgba(0,0,0,.25)}
html[data-theme="dark"] .tw-pin-dialog{background:rgba(0,0,0,.64)!important}
html[data-theme="dark"] .tw-pin-dialog-card{box-shadow:0 30px 90px rgba(0,0,0,.58)!important}
html[data-theme="dark"] .tw-pin-board-card:hover{box-shadow:var(--tw-x-shadow-2)!important}
html[data-theme="dark"] .tw-pin-qrbox{border-color:#465166!important}

@media(max-width:700px){
  .tw-pin-head{min-height:56px;padding:8px 10px!important}.tw-pin-main{padding:12px!important}.tw-pin-board-toolbar{top:56px!important}
}