
/* WWS RE Leuchtet v3.20.2 · pinned communications. Scoped, accessible dual-theme. */
.wwow-pinned-root:empty{display:none}
.wwow-pinned{margin:18px 0 0;border:1px solid #3c6582;border-radius:19px;padding:15px;background:linear-gradient(140deg,#111b2d,#141f33 72%,#251d38);box-shadow:0 9px 28px #090d1b6b,inset 0 1px #a8dcff1d;color:#f3f6ff}
.wwow-pinned-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font:800 11px/1.3 system-ui,Segoe UI,sans-serif;letter-spacing:.1em;color:#9fd9ee;text-transform:uppercase}
.wwow-pinned-heading small{font:500 11px/1.4 system-ui,sans-serif;color:#b5c2d7;letter-spacing:0;text-transform:none}
.wwow-pin-symbol{font-size:21px;vertical-align:middle;color:#5de8f7;margin-right:4px}
.wwow-pinned-list{display:grid;gap:9px}
.wwow-pinned-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;border:1px solid #315267;border-radius:13px;padding:13px 14px;background:linear-gradient(120deg,#162437,#132033);min-width:0;color:#eef5ff}
.wwow-pinned-marker{display:flex;align-items:center;justify-content:center;background:#153b4b;color:#72e3f1;border-radius:9px;width:34px;height:34px;font-size:19px;font-weight:800}
.wwow-pinned-type{font:800 10px/1.2 system-ui,sans-serif;letter-spacing:.09em;color:#94e9f0}
.wwow-pinned-item h2{font:800 clamp(15px,2.6vw,18px)/1.35 system-ui,Segoe UI,sans-serif;letter-spacing:-.015em;color:#fff;margin:5px 0 5px}
.wwow-pinned-item p{font:400 13px/1.65 system-ui,sans-serif;color:#d4e2ed;margin:0;white-space:normal;overflow-wrap:anywhere}
.wwow-pinned-important{border-color:#8a6741;background:linear-gradient(110deg,#2b2831,#222333)}
.wwow-pinned-important .wwow-pinned-marker{background:#493820;color:#ffc76a}
.wwow-pinned-important .wwow-pinned-type{color:#ffc978}
.wwow-pinned-urgent{border-color:#935064;background:linear-gradient(110deg,#302431,#211c2c)}
.wwow-pinned-urgent .wwow-pinned-marker{background:#562636;color:#ff9db1}
.wwow-pinned-urgent .wwow-pinned-type{color:#ff9ab2}
html[data-theme="light"] .wwow-pinned{border-color:#8ecbd6;background:linear-gradient(140deg,#effbff,#e6f1fb);box-shadow:0 9px 25px #2f69751c;color:#132d3c}
html[data-theme="light"] .wwow-pinned-heading{color:#176b80}
html[data-theme="light"] .wwow-pinned-heading small{color:#546d7c}
html[data-theme="light"] .wwow-pinned-item{background:#fff;border-color:#b7d8e5;color:#132e41}
html[data-theme="light"] .wwow-pinned-item h2{color:#142c3e!important}
html[data-theme="light"] .wwow-pinned-item p{color:#344d60!important}
html[data-theme="light"] .wwow-pinned-type{color:#0b6476}
html[data-theme="light"] .wwow-pinned-important{background:#fffaf0;border-color:#d8b978}
html[data-theme="light"] .wwow-pinned-important .wwow-pinned-type{color:#795013}
html[data-theme="light"] .wwow-pinned-urgent{background:#fff3f5;border-color:#e1adb9}
html[data-theme="light"] .wwow-pinned-urgent .wwow-pinned-type{color:#922540}
.pin-admin{background:var(--panel,#141f2a);color:var(--ink,#e9f6ff);border:1px solid var(--line,#466076);border-radius:19px;padding:22px;margin:18px 0}
.pin-admin-head{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:start}
.pin-admin h2{font-size:clamp(20px,3vw,27px);margin:8px 0;color:var(--ink,#f4faff)}
.pin-admin-head p{font-size:13px;line-height:1.6;color:var(--muted,#a6b6c9);max-width:720px}
.pin-admin-compose{margin:16px 0 26px;background:#101f30;border:1px solid #406579;border-radius:14px;padding:17px;color:#f4fbff}
.pin-admin h3{font-size:17px;margin:0 0 14px;color:inherit}
.pin-admin-compose form{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px, .33fr);gap:14px}
.pin-admin-compose label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#d1e6f3}
.pin-admin-compose label:nth-of-type(2){grid-column:1 / -1}
.pin-admin-compose .field{background:#172b3b!important;color:#fff!important;border:1px solid #53788a!important;max-width:100%;width:100%;box-sizing:border-box}
.pin-admin-compose textarea{resize:vertical;line-height:1.5}
.pin-admin-form-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px}
.pin-admin-list h3{display:flex;gap:10px;align-items:center}
.pin-admin-list h3 span{font-size:13px;color:#83dbed}
.pin-admin-entry{background:#111e2c;border:1px solid #3b566e;color:#edf8ff;border-radius:13px;padding:15px;margin-bottom:10px}
.pin-admin-entry-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pin-admin-kind{font:800 11px system-ui,sans-serif;letter-spacing:.09em;color:#73d9e9}
.pin-admin-important{color:#f2bf74}.pin-admin-urgent{color:#ff90ae}
.pin-admin-state{font-size:12px;color:#aebed0}.pin-admin-state.is-live{color:#7ae8ba}
.pin-admin-entry h4{font-size:16px;margin:10px 0 7px;color:#fff}
.pin-admin-entry p{font:400 13px/1.6 system-ui,sans-serif;margin:0 0 14px;color:#c9dcea;overflow-wrap:anywhere}
.pin-admin-entry-actions{display:flex;gap:8px;flex-wrap:wrap}
.pin-admin-entry-actions button{min-height:40px}
.pin-admin-archive{opacity:.8}
.pin-admin-empty{padding:20px;color:#b7c6d8;background:#162535;border-radius:10px}
html[data-theme="light"] .pin-admin{background:#f0f7fc;border-color:#abcddb;color:#1d3445}
html[data-theme="light"] .pin-admin h2{color:#193043!important}
html[data-theme="light"] .pin-admin-head p{color:#3f5a6b}
html[data-theme="light"] .pin-admin-compose{background:#f7fbff;border-color:#adcddc;color:#223848}
html[data-theme="light"] .pin-admin-compose label{color:#274658}
html[data-theme="light"] .pin-admin-compose .field{background:#fff!important;color:#1a3549!important;border-color:#a8c7d9!important}
html[data-theme="light"] .pin-admin-list h3 span{color:#17687c}
html[data-theme="light"] .pin-admin-entry{background:#fff;border-color:#bbd1df;color:#1e3343}
html[data-theme="light"] .pin-admin-entry h4{color:#172f40}
html[data-theme="light"] .pin-admin-entry p{color:#3f586b}
html[data-theme="light"] .pin-admin-state{color:#657989}
html[data-theme="light"] .pin-admin-state.is-live{color:#0e7652}
html[data-theme="light"] .pin-admin-empty{background:#e6f0f8;color:#395566}
@media(max-width:650px){.pin-admin{padding:14px}.pin-admin-compose form{grid-template-columns:minmax(0,1fr)}.pin-admin-compose label:nth-of-type(2),.pin-admin-form-actions{grid-column:1}.wwow-pinned{margin-top:13px;padding:11px}.wwow-pinned-heading{flex-wrap:wrap}.wwow-pinned-item{padding:12px 10px;gap:10px}}
