/* Web travel journal: scoped so standalone maps and mobile keep their layout. */
.journal-dialog{width:min(1080px,calc(100vw - 40px));max-height:92dvh;border-radius:24px;color:#172b49}
.journal-dialog::backdrop{background:#001b3db3;backdrop-filter:blur(6px)}
.journal-dialog .journal-dialog-content{padding:0;max-height:92dvh;border:0;border-radius:0;background:#f3f6fb;box-shadow:none;scrollbar-gutter:stable}
.journal-dialog .team-dialog-header{position:relative;padding:28px 32px 24px;display:flex;align-items:flex-start;gap:24px;background:#002d72;color:#fff;border-bottom:4px solid #ff5910;margin:0}
.journal-dialog .team-dialog-header>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;flex:1;min-width:0}
.journal-dialog .team-dialog-header .eyebrow{color:#ffad7c;font-size:11px;letter-spacing:.16em;grid-column:1/-1;margin:0}
.journal-dialog .team-dialog-header h2{color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.15;margin:0;font-family:'Bricolage Grotesque',sans-serif}
.journal-dialog .team-dialog-header p:not(.eyebrow){grid-column:1/-1;color:#d7e6ff;margin:0;max-width:650px;font-size:14px;line-height:1.6}
.journal-dialog .team-dialog-header a{align-self:center;background:#ffffff12;border:1px solid #ffffff50;color:#fff;padding:9px 13px;border-radius:10px;font-size:12px;box-shadow:none}
.journal-dialog .team-dialog-header label{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:12px;color:#c9daf4;margin:6px 0 0}
.journal-dialog .team-dialog-header select{width:min(340px,100%);min-height:42px;background:#fff;color:#002d72;border:1px solid #bdcfea;border-radius:10px;padding:8px 36px 8px 12px}
.journal-dialog .dialog-close{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:10px;color:#fff;background:#ffffff12;border:1px solid #ffffff50;border-radius:12px}.journal-dialog .dialog-close svg{width:20px;height:20px}
.journal-dialog .journal-views{display:flex;justify-content:center;gap:4px;width:fit-content;max-width:calc(100% - 48px);margin:22px auto 16px;padding:5px;border:1px solid #d7e2f0;border-radius:16px;background:#fff}
.journal-dialog .journal-views button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;min-height:44px;background:transparent;color:#526681;font-size:13px;box-shadow:none}.journal-dialog .journal-views svg{width:19px;height:19px;flex:none}.journal-dialog .journal-views button[aria-pressed="true"]{background:#ff5910;color:#002d72}
.journal-dialog .journal-layout{padding:0 28px 28px}.journal-dialog .journal-toolbar{padding:0 0 18px;border:0;background:transparent;border-radius:0;justify-content:flex-end;gap:9px}
.journal-dialog .journal-toolbar>button{border:1px solid #d5e0ef;background:#fff;color:#002d72;box-shadow:0 2px 5px #002d7208}
.journal-dialog .journal-toolbar>[data-journal-compose-toggle],.journal-dialog .journal-toolbar>[data-create-book]{width:auto;padding:10px 14px;gap:8px;font-size:13px;font-weight:700}
.journal-dialog .journal-toolbar>[data-journal-compose-toggle]{background:#ff5910;color:#002d72;border-color:#ff5910}.journal-dialog .journal-toolbar>[data-journal-compose-toggle]::after{content:'Nouveau souvenir'}.journal-dialog .journal-toolbar>[data-create-book]::after{content:'Créer mon livre'}
.journal-dialog .journal-feed{max-width:none;margin:0;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
.journal-dialog .journal-feed>.section-heading{margin:0 0 12px;align-items:center}.journal-dialog .section-heading .card-kicker{display:none}.journal-dialog .section-heading h3{font-size:19px;color:#002d72;margin:0}.journal-dialog .trip-count{background:#e5edfa;color:#002d72}
.journal-dialog .journal-date-browser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px 20px;padding:18px;margin:0 0 22px;background:#fff;border:1px solid #dce5f1!important;border-radius:16px;box-shadow:0 3px 12px #002d7205!important}
.journal-dialog .journal-date-browser label{font-size:12px;font-weight:650;color:#526681;display:grid;gap:7px;margin:0;min-width:0}.journal-dialog .journal-date-controls{display:flex;align-items:flex-end;gap:8px}.journal-dialog .journal-date-controls label{flex:1}.journal-dialog .journal-date-controls button{width:38px;min-width:38px;height:42px;padding:6px;border:1px solid #d7e2f0;background:#fff;color:#002d72;border-radius:10px}
.journal-dialog input:not([type="hidden"]),.journal-dialog select,.journal-dialog textarea{box-sizing:border-box;border:1px solid #cddbee;border-radius:10px;background:#f8fafd;color:#172b49;padding:10px 12px;min-height:42px;box-shadow:none;max-width:100%;font:inherit}
.journal-dialog .journal-date-browser>small{grid-column:1/-1;font-size:11px;color:#7b8aa0}.journal-dialog .journal-date-browser>p{grid-column:1/-1;margin:0;font-size:12px;color:#526681}.journal-dialog .journal-focus-controls{grid-column:1/-1;padding:0}.journal-dialog .journal-memory-strip{grid-column:1/-1;padding:0 0 4px}.journal-dialog .journal-memory-strip button{min-height:60px;flex-basis:145px;padding:10px}.journal-dialog .journal-memory-strip button[aria-current="true"]{background:#fff0e7;color:#002d72;border-color:#ff5910;box-shadow:none}.journal-dialog .journal-memory-strip button[aria-current="true"] small{color:#7b4b31!important}
.journal-dialog .journal-list>h3,.journal-dialog .journal-list>h4{font-size:15px;color:#526681;text-transform:capitalize;margin:20px 0 12px}
.journal-dialog .journal-entry{padding:24px;background:#fff;border:1px solid #dce5f1;box-shadow:0 5px 20px #002d7209;border-radius:16px!important}.journal-dialog .journal-entry h3{font-family:'Bricolage Grotesque',sans-serif;font-size:24px;color:#002d72;margin:0}.journal-dialog .journal-meta{font-size:12px;color:#72829a;margin:7px 0}.journal-dialog .visibility-badge{font-size:10px;padding:6px 10px;letter-spacing:.04em;border-radius:20px}
.journal-dialog .journal-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;margin:20px 0}.journal-dialog .journal-photo{min-width:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}.journal-dialog .journal-photo>a,.journal-dialog .journal-photo>button{display:block;width:100%;background:#f3f6fb;padding:0;border:0}.journal-dialog .journal-photo img{width:100%!important;height:auto!important;max-height:460px;object-fit:contain!important;border-radius:0!important}.journal-dialog .journal-photo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 0;background:transparent}.journal-dialog .journal-photo-controls input{flex:1 0 100%;font-size:12px}.journal-dialog .journal-photo>small{color:#8795a9;font-size:11px}.journal-dialog .journal-body{font-size:15px;line-height:1.8;color:#40516a;margin:18px 0}
.journal-dialog .journal-entry-actions{border-top:1px solid #e5ebf4;padding:14px 0 0;border-radius:0;background:transparent;gap:8px}.journal-dialog .journal-entry-actions button{border-radius:10px}.journal-dialog .journal-video-upload{border-top:1px solid #e5ebf4;margin-top:16px;padding-top:12px}.journal-dialog .journal-video-upload summary{display:flex;align-items:center;gap:8px;color:#002d72;cursor:pointer;font-weight:650;font-size:13px;list-style:none}.journal-dialog .journal-video-upload summary::before{content:'+';font-size:21px;color:#f45b0b}.journal-dialog .journal-video-upload[open] summary::before{content:'−'}.journal-dialog .journal-video-upload label{display:grid;gap:8px;margin:14px 0;font-size:13px}.journal-dialog input::file-selector-button{background:#fff0e7;color:#002d72;border:0;border-radius:7px;padding:8px 12px;margin-right:10px;font:inherit;cursor:pointer}
.journal-dialog [data-journal-tab-panel="map"]{padding:0 28px 28px}.journal-dialog .planner-notice:not([hidden]){margin:16px 28px}.journal-dialog button:focus-visible,.journal-dialog a:focus-visible,.journal-dialog input:focus-visible,.journal-dialog select:focus-visible{outline:3px solid #ff8c4c;outline-offset:2px}
:root[data-theme="dark"] .journal-dialog{color:#ecf3ff}:root[data-theme="dark"] .journal-dialog-content{background:#101e33}:root[data-theme="dark"] .journal-dialog .journal-feed{background:transparent}:root[data-theme="dark"] .journal-dialog .journal-date-browser,:root[data-theme="dark"] .journal-dialog .journal-entry,:root[data-theme="dark"] .journal-dialog .journal-views,:root[data-theme="dark"] .journal-dialog .journal-toolbar>button{background:#192d48;border-color:#3a506d;color:#e2ecff}:root[data-theme="dark"] .journal-dialog .journal-views button{color:#d1def3}:root[data-theme="dark"] .journal-dialog .journal-views button[aria-pressed="true"],:root[data-theme="dark"] .journal-dialog .journal-toolbar>[data-journal-compose-toggle]{background:#ff8b45;color:#002d72}:root[data-theme="dark"] .journal-dialog input,:root[data-theme="dark"] .journal-dialog select,:root[data-theme="dark"] .journal-dialog textarea{background:#13243b;color:#eef4ff;border-color:#49617f}:root[data-theme="dark"] .journal-dialog .journal-entry h3,:root[data-theme="dark"] .journal-dialog .section-heading h3,:root[data-theme="dark"] .journal-dialog .journal-video-upload summary{color:#e2ecff}:root[data-theme="dark"] .journal-dialog .journal-body,:root[data-theme="dark"] .journal-dialog .journal-date-browser label{color:#c0cde2}:root[data-theme="dark"] .journal-dialog .journal-meta,:root[data-theme="dark"] .journal-dialog .journal-date-browser>small,:root[data-theme="dark"] .journal-dialog .journal-date-browser>p{color:#a7b9d3}:root[data-theme="dark"] .journal-dialog .journal-photo>a{background:#13243b}
@media(max-width:640px){.journal-dialog{width:calc(100vw - 16px);max-height:96dvh;border-radius:20px}.journal-dialog .journal-dialog-content{max-height:96dvh}.journal-dialog .team-dialog-header{padding:22px 18px 20px;gap:12px}.journal-dialog .team-dialog-header>div{grid-template-columns:1fr}.journal-dialog .team-dialog-header a{justify-self:start}.journal-dialog .team-dialog-header label{display:grid;gap:6px}.journal-dialog .journal-layout{padding:0 14px 18px}.journal-dialog .journal-views{max-width:calc(100% - 28px);margin:16px auto}.journal-dialog .journal-views button{font-size:12px;padding:10px}.journal-dialog .journal-toolbar{justify-content:center;flex-wrap:wrap}.journal-dialog .journal-toolbar>[data-create-book]::after{content:'Mon livre'}.journal-dialog .journal-date-browser{grid-template-columns:1fr;padding:14px;gap:12px}.journal-dialog .journal-entry{padding:16px}.journal-dialog .journal-entry h3{font-size:22px}.journal-dialog [data-journal-tab-panel="map"]{padding:0 14px 18px}}
.journal-dialog [hidden]{display:none!important}
:root[data-theme="dark"] .journal-dialog .journal-toolbar>button,:root[data-theme="dark"] .journal-dialog .journal-date-controls button{background:#192d48!important;color:#e2ecff!important;border-color:#49617f!important}
:root[data-theme="dark"] .journal-dialog .journal-toolbar>[data-journal-compose-toggle]{background:#ff8b45!important;color:#002d72!important;border-color:#ff8b45!important}
:root[data-theme="dark"] .journal-dialog .journal-date-browser{border-color:#3a506d!important}
:root[data-theme="dark"] .journal-dialog .journal-list>h3,:root[data-theme="dark"] .journal-dialog .journal-list>h4{color:#bacce5}

/* Labeled actions need intrinsic width rather than the square media-button basis. */
.journal-dialog .journal-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.journal-dialog .journal-toolbar>[data-journal-compose-toggle],.journal-dialog .journal-toolbar>[data-create-book]{flex:0 1 auto;min-width:0;width:auto;height:auto;min-height:46px;max-width:100%;padding:12px 16px;border-radius:12px;gap:9px;line-height:1.35;white-space:normal}
.journal-dialog .journal-toolbar>[data-journal-compose-toggle]::after,.journal-dialog .journal-toolbar>[data-create-book]::after{content:none}
.journal-dialog .journal-toolbar>button svg{width:22px;height:22px;flex:0 0 22px}
.journal-dialog .journal-toolbar>button span{min-width:0;overflow-wrap:anywhere}
.journal-dialog .journal-toolbar>[data-journal-refresh]{flex:0 0 46px;width:46px;height:46px;padding:11px;border-radius:12px}
@media(max-width:480px){.journal-dialog .journal-toolbar{justify-content:stretch}.journal-dialog .journal-toolbar>[data-journal-compose-toggle],.journal-dialog .journal-toolbar>[data-create-book]{flex:1 1 180px}}
