/* The same document surface in Notes and in Cloud. */
.nyxn { width:100%; max-width:900px; margin:0 auto; color:var(--tx-1,#fff); background:var(--sol-tert,#282828); border:1px solid var(--stroke-2,#393939); border-radius:14px; font:15px/1.75 'Segoe UI',system-ui,sans-serif; box-shadow:0 8px 32px #00000008; }
.nyxn,.nyxn * { box-sizing:border-box; }
.nyxn svg { width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.nyxn button { cursor:pointer; font:inherit; color:inherit; }
.nyxn :is(button,input,textarea,[contenteditable]):focus-visible { outline:2px solid var(--acc,#4cc2ff); outline-offset:3px; }
.nyxn .nyxn-toolbar { display:flex; flex-wrap:wrap; gap:3px; padding:11px 16px; border-bottom:1px solid var(--stroke,#393939); background:var(--sol-quart,#2c2c2c); border-radius:14px 14px 0 0; }
.nyxn-toolbar button { display:flex; align-items:center; gap:7px; height:33px; padding:0 10px; background:transparent; border:0; border-radius:6px; font-size:12px; color:var(--tx-2,#ccc); }
.nyxn-toolbar button:hover { background:var(--ctrl-hover,#ffffff15); color:var(--tx-1,#fff); }
.nyxn-toolbar button:nth-child(4) { border-left:1px solid var(--stroke-2,#444); border-radius:0 6px 6px 0; margin-left:5px; padding-left:14px; }
.nyxn-paper { padding:44px 58px 38px; }
.nyxn-label { display:flex; align-items:center; gap:7px; margin-bottom:18px; font-size:10px; font-weight:600; color:var(--tx-3,#aaa); }
.nyxn-label svg { width:14px; height:14px; color:var(--acc,#4cc2ff); }
.nyxn textarea.nyxn-nazev { width:100%; display:block; padding:0; margin:0; min-height:44px; border:0!important; border-radius:0; background:transparent!important; color:inherit!important; box-shadow:none!important; font-size:34px!important; font-weight:650; line-height:1.25; resize:none; overflow:hidden; }
.nyxn textarea.nyxn-nazev::placeholder { color:var(--tx-3,#999); }
.nyxn-datum { display:flex; align-items:center; gap:15px; margin:14px 0 32px; color:var(--tx-3,#aaa); font-size:11px; }
.nyxn-task-count { padding-left:15px; border-left:1px solid var(--stroke-strong,#555); }
.nyxn-blok { position:relative; margin:5px 0; padding:2px 0; border-radius:5px; }
.nyxn-telo { min-width:0; }
.nyxn-pis { min-height:28px; padding:2px 0; white-space:pre-wrap; overflow-wrap:anywhere; outline:0; }
.nyxn-pis:empty::before { content:attr(data-prazdno); color:var(--tx-3,#999); pointer-events:none; }
.nyxn-h1 { margin-top:25px; }.nyxn-h1 .nyxn-pis { font-size:23px; font-weight:600; line-height:1.5; }
.nyxn-h2 { margin-top:20px; }.nyxn-h2 .nyxn-pis { font-size:18px; font-weight:600; }
.nyxn-ovl { position:absolute; right:-43px; top:1px; display:flex; flex-direction:column; z-index:2; padding:2px; border:1px solid var(--stroke-2,#444); border-radius:6px; background:var(--sol-quart,#2c2c2c); opacity:0; pointer-events:none; }
.nyxn-blok:hover>.nyxn-ovl,.nyxn-blok:focus-within>.nyxn-ovl { opacity:1; pointer-events:auto; }
.nyxn-ovl button { display:grid; place-items:center; width:26px; height:24px; padding:0; background:transparent; border:0; border-radius:4px; color:var(--tx-2,#ccc); }
.nyxn-ovl button:hover { background:var(--ctrl-hover,#ffffff15); }.nyxn-ovl button:disabled { opacity:.3; cursor:default; }.nyxn-ovl svg { width:13px; height:13px; }
.nyxn-ukol .nyxn-telo { display:flex; align-items:flex-start; gap:11px; }
.nyxn input.nyxn-box {
  appearance:none!important; -webkit-appearance:none!important;
  display:block; flex:0 0 18px; width:18px!important; height:18px!important; min-width:18px;
  margin:7px 0 0!important; padding:0!important; border:1.5px solid var(--tx-3,#aaa)!important;
  border-radius:5px!important; background:var(--sol-quart,#2c2c2c)!important;
  box-shadow:none!important; cursor:pointer; transition:background-color .12s,border-color .12s;
}
.nyxn input.nyxn-box:hover:not(:disabled) { border-color:var(--acc,#4cc2ff)!important; background-color:var(--ctrl-hover,#363636)!important; }
.nyxn input.nyxn-box:checked {
  border-color:var(--acc-deep,#0078d4)!important; background-color:var(--acc-deep,#0078d4)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m4 9 3.2 3.2L14 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-position:center!important; background-size:16px 16px!important; background-repeat:no-repeat!important;
}
.nyxn input.nyxn-box:checked:hover:not(:disabled) { background-color:var(--acc-deep,#0078d4)!important; }
.nyxn input.nyxn-box:focus-visible { outline:2px solid var(--acc,#4cc2ff)!important; outline-offset:3px!important; }
.nyxn input.nyxn-box:disabled { cursor:default; }
.nyxn input.nyxn-box::before,.nyxn input.nyxn-box::after { display:none!important; content:none!important; }
.nyxn-ukol .nyxn-pis { flex:1; min-width:0; }.nyxn-ukol.hotovo .nyxn-pis { text-decoration:line-through; color:var(--tx-3,#aaa); }
.nyxn-image { display:block; max-width:100%; max-height:560px; object-fit:contain; border-radius:9px; margin:18px 0 8px; }
.nyxn-caption { font-size:12px; color:var(--tx-3,#aaa); }.nyxn-loading { padding:36px 20px; border:1px dashed var(--stroke-strong,#555); border-radius:8px; color:var(--tx-3,#aaa); text-align:center; }
.nyxn-karta { display:flex; align-items:center; gap:14px; padding:17px; margin:16px 0; border:1px solid var(--stroke-2,#444); border-radius:10px; background:var(--sol-quart,#2c2c2c); color:inherit; text-decoration:none; }
.nyxn-karta:hover { border-color:var(--acc,#4cc2ff); }.nyxn-karta>svg { color:var(--acc,#4cc2ff); }
.nyxn-karta-text { min-width:0; flex:1; }.nyxn-karta-zdroj { display:block; color:var(--tx-3,#aaa); font-size:10px; margin-bottom:4px; }
.nyxn-karta-nazev { display:block; font-size:14px; font-weight:600; overflow-wrap:anywhere; }.nyxn-karta-popis { font-size:12px; line-height:1.5; margin:4px 0 0; color:var(--tx-2,#ccc); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.nyxn-karta-obr { width:96px; height:72px; object-fit:cover; border-radius:6px; }
.nyxn-link-form { display:flex; align-items:center; flex-wrap:wrap; gap:9px; padding:12px; margin:12px 0; background:var(--sol-quart,#2c2c2c); border:1px solid var(--stroke-2,#444); border-radius:8px; }
.nyxn-link-form input { flex:1; min-width:100px; width:100px; padding:8px; background:transparent; color:inherit; border:0; }
.nyxn-link-form button { border:0; background:var(--acc-deep,#0078d4); color:#fff; border-radius:6px; padding:7px 10px; font-size:12px; }
.nyxn-rule { border:0; height:1px; margin:24px 0; background:var(--stroke-2,#444); }
.nyxn-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--stroke,#393939); margin-top:42px; padding-top:18px; color:var(--tx-3,#aaa); font-size:10px; }
.nyxn-foot button { display:flex; align-items:center; gap:7px; border:0; background:transparent; color:var(--tx-2,#ccc); padding:0; font-size:12px; }.nyxn-foot button:hover { color:var(--acc,#4cc2ff); }.nyxn-foot svg { width:14px; height:14px; }
.nyxn.cteni .nyxn-paper { padding-bottom:50px; }
@media(max-width:700px){.nyxn-paper { padding:30px 38px 30px 22px; }.nyxn textarea.nyxn-nazev { font-size:28px!important; }.nyxn-ovl { right:-31px; }.nyxn-toolbar { padding:8px; }.nyxn-toolbar button { padding:0 7px; }.nyxn-karta-obr { width:60px; height:60px; }.nyxn-karta { padding:12px; gap:10px; }.nyxn-foot>span { display:none; }}
@media(pointer:coarse){.nyxn-ovl { opacity:.55; pointer-events:auto; }.nyxn-ovl button { height:28px; }}
/* Cloud hosts the same editor without a second padded document frame. */
.viewer-text-wrap.viewer-note-wrap { width:min(960px,94vw)!important; max-width:none!important; max-height:calc(100dvh - 140px); padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; }
.viewer-note-wrap .nyxn { padding:0!important; }
.viewer-note-wrap .viewer-note-stav { margin:6px auto 0; max-width:900px; padding:7px 12px; border-radius:6px; background:var(--sol-quart,#2c2c2c); }