/* Same scene, veil, paper and teal palette as the AMIGANSEAU login. */
body.service-access{isolation:isolate;min-height:100dvh;background:#e6efea!important;color:#244e58}
.login-scene{display:none;position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.service-access .login-scene{display:block}
.login-scene .ocean-bg,.login-scene #demo-water{position:absolute;inset:0;width:100%;height:100%}
.login-scene .ocean-bg{background-position:center;background-size:cover}
.login-scene #demo-water{z-index:2}
.login-scene #demo-water[hidden]{display:none}
.login-scene::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(120deg,#edf5ee70,#e2eeea55)}
.service-access .site-marine-snow{display:none}
.service-access :is(header,.site-header,.top){background:#f4f7eedb!important;border-bottom:1px solid #ffffffbd;color:#244e58!important}
.service-access header a{color:#244e58}
.service-access :is(.auth-card,.tm-entry.panel,main.explorarium-welcome){background:#fcfaf0!important;border:1px solid #ffffffbd;border-radius:26px;box-shadow:0 24px 80px #244e581c;overflow:hidden}
.service-access .auth-card{padding:36px;max-width:520px;width:100%}
.service-access :is(h1,h2){font-family:Georgia,serif;font-weight:400;color:#244e58;line-height:1.15}
.service-access :is(input:not([type=checkbox]),select){background-color:#fffef8;border:1px solid #adc7bd;border-radius:12px;color:#244e58}
.service-access :is(.button,button.primary,.account-choices a,.welcome-actions .button,.tm-entry .actions>*){border-radius:999px;min-height:50px}
.service-access :is(.primary,.button:not(.secondary)){background:#285f68;color:#fff;border-color:#285f68}
.service-access .welcome-actions .button:not(.primary){background:#e1eee5;color:#244e58;border-color:#abc5bb}
.service-access .tm-entry-visual{background:linear-gradient(150deg,#e2ece0,#edf2e6);border-radius:18px}
.service-access .tm-entry-details{background:#fcfaf0;border-radius:0 0 22px 22px}
.service-access :is(.tm-entry,.auth-card,.explorarium-welcome) :focus-visible{outline:3px solid #aa8538;outline-offset:4px}
@media(max-width:700px){.service-access .auth-card{padding:26px 22px}.service-access :is(.auth-card,.tm-entry.panel,main.explorarium-welcome){border-radius:22px}}
.service-access .auth-wrap{background:transparent!important}
.service-access .site-header a.button{color:#fff!important}

/* Entrance panels sit in the scene, with their own return link. */
body.service-access{display:flex;flex-direction:column;min-height:100dvh;padding-top:24px;padding-bottom:72px}
.service-access> :is(header,.site-header,.top),.service-access>.site-footer{display:none!important}
.service-access>main{flex:none;width:100%;margin-block:auto!important}
.service-access>main.explorarium-welcome{width:calc(100% - 32px);max-width:1120px;margin-inline:auto!important}
.service-access .page-shell{display:flex;align-items:center;justify-content:center;flex:1;min-height:0!important;background:transparent!important}
.service-access .auth-wrap{min-height:0;width:100%;padding-block:0}
.service-back-site{display:flex;align-items:center;min-height:48px;margin:-12px 0 24px;padding:4px 0 12px;border-bottom:1px solid #285f6826;color:#416d73!important;font:400 13px/1.4 system-ui!important;letter-spacing:0!important;text-decoration:none}
.service-back-site:hover{text-decoration:underline}
.service-access .tm-entry>.service-back-site{grid-column:1/-1;margin-bottom:0}
@media(max-width:700px){body.service-access{padding-top:16px}.service-access>main.explorarium-welcome{width:calc(100% - 24px)}.service-back-site{margin-top:0}}
/* trouve-MOI uses one entrance card, like Explorarium. */
.service-access:is([data-screen=account],[data-screen=start])>main{width:calc(100% - 32px);max-width:1120px;padding:30px 36px;background:#fcfaf0;border:1px solid #ffffffbd;border-radius:26px;box-shadow:0 24px 80px #244e581c}
.service-access .tm-entry.panel{padding:0;margin:0;overflow:visible;border:0;box-shadow:none;background:transparent!important;gap:24px 32px}
.service-access .tm-entry-details{margin:20px 0 0;padding:0;background:transparent}
.service-access #status{font-size:14px}
.service-access #settings-panel{margin:16px 0 0;background:#e1eee5}
.service-access>footer{background:transparent;margin:14px auto 0;padding:0 24px;max-width:1120px;font-size:11px}
@media(max-width:700px){.service-access:is([data-screen=account],[data-screen=start])>main{width:calc(100% - 24px);padding:24px 18px;border-radius:22px}}
/* Keep the safety and MOI notes readable over every marine painting. */
.service-access>footer{width:calc(100% - 32px);max-width:1120px;margin:16px auto 0;padding:16px 24px;background:#fcfaf0;color:#244e58;border:1px solid #c8dacf;border-radius:16px;font:400 14px/1.65 system-ui,-apple-system,sans-serif;box-shadow:0 8px 24px #244e5812}
.service-access>footer p{margin:0}
.service-access>footer p+p{margin-top:8px}
@media(max-width:700px){.service-access>footer{width:calc(100% - 24px);padding:14px 18px;font-size:14px}}

/* Public explorers directory belongs to the same entrance family. */
.service-access[data-service-directory]>main.owner-collection{width:calc(100% - 48px);max-width:1120px;margin-inline:auto;padding:36px;background:#fcfaf0;border:1px solid #ffffffbd;border-radius:26px;box-shadow:0 24px 80px #244e581c}
.service-access[data-service-directory] .owner-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}
.service-access[data-service-directory] .owner-directory-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;margin:0;padding:24px;border:1px solid #adc7bd;border-radius:16px;background:linear-gradient(150deg,#e2ece0,#edf2e6);box-shadow:none}
.service-access[data-service-directory] .owner-directory-card h2{font-size:25px;overflow-wrap:anywhere}
.service-access[data-service-directory] .owner-directory-card>.button{margin-top:auto;background:#285f68;color:#fff}
.service-access[data-service-directory] .explorarium-invitation{margin:28px 0 0;padding:24px;border:1px solid #adc7bd;border-radius:16px;background:#e1eee5}
@media(max-width:900px){.service-access[data-service-directory] .owner-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.service-access[data-service-directory]>main.owner-collection{width:calc(100% - 24px);padding:24px 18px;border-radius:22px}.service-access[data-service-directory] .owner-directory-grid{grid-template-columns:minmax(0,1fr)}.service-access[data-service-directory] .explorarium-invitation{padding:20px}}