/* Small paper notes on the existing Finder map. The map and media keep their UI. */
#world #places .map-notes-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:9px 14px;border-bottom:1px solid var(--paper-edge,#89818f);background:var(--paper-panel,#353239);color:var(--paper-text,#f5f3f6);font:12px/1.4 var(--desktop-font,"Lucida Grande",Tahoma,sans-serif)}
#world #places .map-notes-toolbar :is(.map-note-leave,.map-notes-more),#world #places .map-note-chooser button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:29px;padding:4px 12px;border:1px solid #7e848c;border-radius:4px;background:var(--finder-button,linear-gradient(#f7f7f7,#c6cbd1));color:var(--finder-ink,#292733);font:12px/1.35 var(--desktop-font,"Lucida Grande",Tahoma,sans-serif);box-shadow:inset 0 1px #fff9;text-shadow:none;transform:none}
#world #places .map-note-button-art{font:18px/1 Georgia,serif}
#world #places .map-notes-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px}
#world #places .map-notes-toggle input{width:14px;height:14px;margin:0;accent-color:#6493c2}
#world #places .map-notes-count{margin-left:auto;color:var(--paper-muted,#c8c4cd);font-size:11px}
#world #places .map-note-chooser{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid var(--paper-edge,#89818f);background:var(--paper-inset,#1c1a20);color:var(--paper-text,#f5f3f6);font:12px/1.4 var(--desktop-font,"Lucida Grande",Tahoma,sans-serif)}
#world #places .map-note-chooser[hidden]{display:none}
#world #places .map-note-chooser p{flex-basis:100%;margin:0 0 3px;font:12px/1.4 var(--desktop-font,"Lucida Grande",Tahoma,sans-serif);color:var(--paper-text,#f5f3f6)}
#world #places .map-note-point-status{color:var(--paper-muted,#c8c4cd);font-size:11px}
#world #places .map-note-chooser button:disabled{opacity:.5;cursor:default}
#area-map.map-note-picking,#area-map.map-note-picking .leaflet-interactive{cursor:crosshair}
#area-map .map-note-pin{background:transparent;border:0}
.map-note-pin-paper{position:relative;display:grid;place-items:center;width:29px;height:31px;background:#f4e7a8;border:1px solid #887348;border-radius:1px 7px 1px 1px;box-shadow:1px 2px 3px #0006;transform:rotate(-7deg);font:23px/1 Georgia,serif;color:#66502f;text-shadow:none}
.map-note-pin-paper::after{content:"";position:absolute;right:-1px;top:-1px;width:8px;height:8px;border-left:1px solid #a38b54;border-bottom:1px solid #a38b54;background:#fff6d5;border-radius:0 6px 0 1px}
.map-note-draft-pin .map-note-pin-paper{outline:2px dashed #365d88;outline-offset:3px;background:#fff4c5;transform:none}
#area-map .map-note-pin:focus-visible{outline:3px solid #426fa0;outline-offset:6px;border-radius:4px}
#area-map .map-note-popup{font:12px/1.55 var(--desktop-font,"Lucida Grande",Tahoma,sans-serif);color:#302e28;text-shadow:none}
#area-map .map-note-popup>strong{display:block;font-size:13px}
#area-map .map-note-popup .map-note-public-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 12px;font:14px/1.55 Georgia,serif}
#area-map .map-note-popup small{display:block;color:#60594a;font-size:10px}
html[data-theme] #hyd-map-note.map-note-window{width:min(530px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);margin:auto;padding:0;overflow:hidden;border:1px solid #747980;border-radius:7px;background:var(--paper-surface,#28262c);color:var(--paper-text,#f5f3f6);box-shadow:0 15px 50px #0008,0 0 0 1px #ffffff60;font:12px/1.5 var(--desktop-font,"Lucida Grande",Tahoma,sans-serif);text-shadow:none}
html[data-theme] #hyd-map-note.map-note-window[open]{display:flex;flex-direction:column}
#hyd-map-note::backdrop{background:#08090c99}
#hyd-map-note .map-note-titlebar{display:grid;grid-template-columns:23px 1fr 23px;gap:8px;align-items:center;flex:none;padding:8px 11px;border-bottom:1px solid #858a93;background:var(--finder-chrome,linear-gradient(#f5f5f5,#cacbd0));color:var(--finder-ink,#292733);box-shadow:inset 0 1px #fff}
html[data-theme] #hyd-map-note .map-note-titlebar h2{margin:0;text-align:center;font:600 13px/1.3 var(--desktop-font,"Lucida Grande",Tahoma,sans-serif);letter-spacing:0;text-shadow:0 1px #ffffff90;color:var(--finder-ink,#292733)}
#hyd-map-note .map-note-close{position:static;display:grid;place-items:center;width:18px;height:18px;min-height:0;padding:0;border:1px solid #925852;border-radius:50%;background:linear-gradient(#ffd3c9,#e07c6d);color:#65322c;font:bold 15px/1 Arial,sans-serif;box-shadow:inset 0 1px #fff9}
#hyd-map-note .map-note-form{min-height:0;padding:18px 23px 22px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
html[data-theme] #hyd-map-note p{margin:0 0 13px;font:12px/1.55 var(--desktop-font,"Lucida Grande",Tahoma,sans-serif);color:var(--paper-text,#f5f3f6)}
#hyd-map-note .map-note-field{display:block;margin:0 0 12px;font-weight:600;color:var(--paper-text,#f5f3f6)}
#hyd-map-note .map-note-field :is(input,textarea){display:block;width:100%;box-sizing:border-box;margin:4px 0 0;padding:8px 9px;border:1px solid var(--paper-edge,#89818f);border-radius:3px;background:var(--paper-inset,#1c1a20);color:var(--paper-text,#f5f3f6);font:13px/1.5 var(--desktop-font,"Lucida Grande",Tahoma,sans-serif);box-shadow:inset 0 1px 2px #0003}
#hyd-map-note textarea{resize:vertical;min-height:80px}
#hyd-map-note input::placeholder{color:var(--paper-muted,#c8c4cd);opacity:1}
#hyd-map-note .map-note-pin-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-5px 0 14px;font-size:10px;color:var(--paper-muted,#c8c4cd)}
#hyd-map-note .map-note-character-count{display:block;margin:-9px 0 13px;text-align:right;font-size:10px;color:var(--paper-muted,#c8c4cd)}
#hyd-map-note .map-note-preview{margin:15px 0;padding:14px 16px;background:#f5eac5;border:1px solid #aa9361;border-left-width:3px;color:#40382b;white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.5 Georgia,serif;text-shadow:none}
#hyd-map-note .map-note-consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;color:var(--paper-muted,#c8c4cd)}
#hyd-map-note .map-note-consent input{flex:none;width:15px;height:15px;margin:1px 0 0;accent-color:#6493c2}
#hyd-map-note .map-note-actions{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 11px}
#hyd-map-note :is(.map-note-actions,.map-note-pin-row) button{min-height:29px;padding:5px 10px;border:1px solid #7e858e;border-radius:4px;background:var(--finder-button,linear-gradient(#f7f7f7,#c6cbd1));color:var(--finder-ink,#292733);font:12px/1.3 var(--desktop-font,"Lucida Grande",Tahoma,sans-serif);box-shadow:inset 0 1px #fff9;text-shadow:none}
#hyd-map-note .map-note-actions button:disabled{opacity:.45;cursor:default}
html[data-theme] #hyd-map-note :is(.map-note-help,.map-note-status){font-size:11px;color:var(--paper-muted,#c8c4cd)}
html[data-theme] #hyd-map-note .map-note-status:empty{display:none}
#hyd-map-note :is(button,input,textarea):focus-visible,#places :is(.map-note-chooser button,.map-notes-toolbar button,.map-notes-toggle input):focus-visible{outline:2px solid #85bbef;outline-offset:3px}
@media(max-width:550px){#world #places .map-notes-toolbar{gap:11px}#world #places .map-notes-count{flex-basis:100%;margin:0}#hyd-map-note .map-note-form{padding:16px}#hyd-map-note .map-note-actions{gap:7px}}

#world .map-note-leave .map-note-button-art{display:block;width:28px;height:28px;object-fit:contain;flex:none;padding:0;border:0;background:transparent;box-shadow:none}

#hyd-map-note .map-note-actions .map-note-save{width:100%;min-height:38px;border-color:#5484a9;background:linear-gradient(#e7f5ff,#a3ccea 48%,#87b3d4 49%,#bedff3);color:#193d59;font-weight:600}
#hyd-map-note .map-note-saved{margin-top:16px;padding-top:12px;border-top:1px solid var(--paper-edge,#89818f);font-size:11px}
#hyd-map-note .map-note-saved[hidden]{display:none}
#hyd-map-note .map-note-saved summary{cursor:pointer;color:var(--paper-muted,#c8c4cd)}
#hyd-map-note .map-note-saved-list{display:grid;gap:6px;padding-top:9px}
#hyd-map-note .map-note-saved-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
#hyd-map-note .map-note-saved-open{padding:5px 0;border:0;background:none;box-shadow:none;text-align:left;text-decoration:underline;color:var(--paper-text,#f5f3f6);overflow-wrap:anywhere;font:inherit}
#hyd-map-note .map-note-saved-row small{color:var(--paper-muted,#c8c4cd)}