/* Ragacsok – szabadon rendezhető, szerveren mentett jegyzetfal. */
.sticky-notes-nav{border-color:rgba(255,216,74,.34)!important;background:linear-gradient(135deg,rgba(104,76,5,.48),rgba(45,89,91,.5))!important;color:#fff0a1!important}.sticky-notes-nav .side-icon{background:#ffe36b!important;color:#332500!important;box-shadow:0 0 14px rgba(255,218,70,.24)}.sticky-notes-nav.active{border-color:#ffe778!important;box-shadow:inset 0 0 0 1px rgba(255,235,135,.25),0 0 18px rgba(255,215,57,.18)}
.sticky-notes-mode main{height:calc(100vh - 78px);overflow:hidden;padding:0}.sticky-notes-view{height:100%;min-height:520px;padding:18px 22px 20px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.sticky-notes-view[hidden]{display:none}.sticky-board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 auto}.sticky-board-toolbar h2{margin:1px 0 3px;font-size:30px}.sticky-board-toolbar p:not(.eyebrow){margin:0;color:#91aac2;font-size:12px}.sticky-board-actions{display:flex;align-items:center;gap:12px}.sticky-board-actions>span{min-width:84px;color:#b8cbe0;font-size:12px;font-weight:800;text-align:right}.sticky-new-button{min-height:46px;border-color:#ffe37a!important;background:linear-gradient(135deg,#bd8500,#e8b51e)!important;color:#211700!important;font-weight:950!important;box-shadow:0 8px 24px rgba(226,170,20,.22)}
.sticky-board{position:relative;isolation:isolate;flex:1;min-height:400px;overflow:hidden;border:1px solid rgba(117,174,206,.35);border-radius:18px;background-color:#163042;background-image:radial-gradient(circle,rgba(218,235,241,.16) 1px,transparent 1.5px),linear-gradient(145deg,rgba(7,29,43,.54),rgba(33,66,77,.32));background-size:24px 24px,100% 100%;box-shadow:inset 0 1px 18px rgba(0,0,0,.38),0 12px 36px rgba(0,0,0,.18)}.sticky-board-empty{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;color:#91aec0;pointer-events:none}.sticky-board-empty[hidden]{display:none}.sticky-board-empty strong{color:#dcebf0;font-size:18px}.sticky-board-empty span{font-size:12px}
.sticky-note{--sticky-bg:#ffe970;position:absolute;display:grid;grid-template-rows:32px 1fr 29px;min-width:150px;min-height:150px;overflow:hidden;border:1px solid rgba(0,0,0,.22);border-radius:3px 3px 8px 3px;background:var(--sticky-bg);color:#111;box-shadow:2px 4px 9px rgba(0,0,0,.34),10px 13px 24px rgba(0,0,0,.17);transform:rotate(-.25deg);transition:box-shadow .14s ease,filter .14s ease;contain:layout paint}.sticky-note:nth-of-type(even){transform:rotate(.25deg)}.sticky-note:focus-within,.sticky-note.moving{box-shadow:0 0 0 3px rgba(255,255,255,.72),4px 8px 22px rgba(0,0,0,.48),15px 19px 34px rgba(0,0,0,.25);filter:saturate(1.06);transform:rotate(0) scale(1.01)}.sticky-note.saving{filter:saturate(.76)}.sticky-yellow{--sticky-bg:#ffe875}.sticky-pink{--sticky-bg:#ffb7ca}.sticky-blue{--sticky-bg:#a9dcff}.sticky-green{--sticky-bg:#b9efa4}.sticky-orange{--sticky-bg:#ffc080}.sticky-lavender{--sticky-bg:#d7c1ff}
.sticky-note-handle{display:flex;align-items:center;gap:6px;padding:3px 5px 3px 9px;border-bottom:1px solid rgba(0,0,0,.13);background:rgba(255,255,255,.18);color:#111;user-select:none;touch-action:none;cursor:grab!important}.sticky-note.moving .sticky-note-handle{cursor:grabbing!important}.sticky-grip{margin-right:auto;font-size:13px;font-weight:950;letter-spacing:2px;line-height:1}.sticky-save-state{font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;opacity:.58}.sticky-note.dirty .sticky-save-state{color:#8a1d0a;opacity:1}.sticky-note-handle button{width:23px;height:23px;padding:0;border:1px solid rgba(0,0,0,.18);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.34);color:#111;font-weight:950;line-height:1}.sticky-color-button::after{content:"";width:11px;height:11px;border:1px solid rgba(0,0,0,.45);border-radius:50%;background:conic-gradient(#ffe875,#ffb7ca,#a9dcff,#b9efa4,#ffc080,#d7c1ff,#ffe875)}.sticky-delete-button{font-size:17px}.sticky-delete-button:hover{background:#b32121!important;color:#fff!important}
.sticky-note-text{width:100%;height:100%;min-height:0;padding:9px 11px;border:0!important;border-radius:0!important;resize:none;background:transparent!important;color:#111!important;box-shadow:none!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px!important;font-weight:500;line-height:1.36;outline:0}.sticky-note-text::selection{background:rgba(0,87,160,.28)}.sticky-note footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 23px 4px 6px;border-top:1px solid rgba(0,0,0,.1);color:#111}.sticky-note footer button{height:21px;padding:0 7px;border:1px solid rgba(0,0,0,.25);border-radius:5px;background:rgba(255,255,255,.35);color:#111;font-size:9px;font-weight:900}.sticky-note footer button:hover{background:rgba(255,255,255,.7)}.sticky-note footer .sticky-footer-delete{border-color:rgba(123,16,16,.36);background:rgba(255,255,255,.23);color:#7c1010}.sticky-note footer .sticky-footer-delete:hover{background:#b32121;color:#fff}.sticky-resize-handle{position:absolute;right:0;bottom:0;width:18px;height:18px;padding:0;border:0;background:linear-gradient(135deg,transparent 45%,rgba(0,0,0,.55) 46% 54%,transparent 55% 65%,rgba(0,0,0,.55) 66% 74%,transparent 75%);touch-action:none;cursor:nwse-resize!important}
.sticky-delete-confirm{position:absolute;left:5px;bottom:30px;z-index:3;display:grid;grid-template-columns:auto auto;gap:4px;padding:6px;border:1px solid rgba(107,15,15,.38);border-radius:7px;background:#fff3d0;color:#111;box-shadow:0 5px 14px rgba(0,0,0,.25)}.sticky-delete-confirm[hidden]{display:none}.sticky-delete-confirm strong{grid-column:1/-1;font-size:9px;white-space:nowrap}.sticky-delete-confirm button{height:22px;padding:0 7px;border:1px solid rgba(0,0,0,.25);border-radius:5px;background:#fff;color:#111;font-size:9px;font-weight:900}.sticky-delete-confirm [data-sticky-delete-confirm]{border-color:#9d2424;background:#b32121;color:#fff}
.sticky-note-dialog{width:min(460px,92vw);min-width:330px;min-height:320px;max-width:80vw;max-height:82vh;resize:both;overflow:auto}.sticky-note-dialog form{min-height:100%;display:flex;flex-direction:column}.sticky-note-create-content{padding:20px;display:grid;gap:17px;flex:1}.sticky-note-create-content>label{display:grid;gap:7px;color:#94b1c8;font-size:11px;font-weight:850}.sticky-note-create-content textarea{min-height:145px;resize:none;padding:12px;background:#fff7bd!important;color:#111!important;font-size:13px!important;line-height:1.4}.sticky-note-create-content fieldset{margin:0;padding:0;border:0}.sticky-note-create-content legend{margin-bottom:8px;color:#94b1c8;font-size:10px;font-weight:850}.sticky-note-create-content>small{color:#789ab2;font-size:10px}.sticky-color-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sticky-color-choices label{position:relative}.sticky-color-choices input{position:absolute;opacity:0}.sticky-color-choices span{min-height:34px;padding:0 7px;border:2px solid transparent;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#111;font-size:10px;font-weight:900}.sticky-color-choices input:checked+span{border-color:#fff;box-shadow:0 0 0 2px #101e2b}.sticky-color-choices .yellow span{background:#ffe875}.sticky-color-choices .pink span{background:#ffb7ca}.sticky-color-choices .blue span{background:#a9dcff}.sticky-color-choices .green span{background:#b9efa4}.sticky-color-choices .orange span{background:#ffc080}.sticky-color-choices .lavender span{background:#d7c1ff}
@media(max-width:700px){.sticky-notes-view{padding:12px}.sticky-board-toolbar{align-items:flex-start}.sticky-board-toolbar p:not(.eyebrow){display:none}.sticky-board-actions{align-items:flex-end;flex-direction:column}.sticky-board{min-height:420px}.sticky-color-choices{grid-template-columns:repeat(2,1fr)}}