/* Slipmora identity. Operational layouts and status meanings live in style.css. */
:root{font-family:Arial,Helvetica,sans-serif;color:#102c3b;background:#f8f6f0;--navy:#102c3b;--ink:#102c3b;--muted:#52636b;--line:#d7e1df;--blue:#076e73;--brand-teal:#087f83;--action-teal:#076e73}
body{background:#f8f6f0}
a{color:var(--action-teal)}
header{border-color:var(--line)}
.brand{display:inline-flex;align-items:center;max-width:100%;color:var(--navy);line-height:1.2;letter-spacing:-.5px}
.brand-logo{display:block;width:180px;height:43px;max-width:100%;object-fit:contain}
.marina-brand{font-weight:700;font-size:25px;overflow-wrap:anywhere}
.card{border-radius:16px;box-shadow:0 4px 16px #102c3b06}
button,.button{border-color:#b4c8c8;border-radius:12px}
button:hover,.button:hover{background:#edf5f3}
button.primary,nav button.active{background:var(--action-teal);border-color:var(--action-teal);color:#f8f6f0;box-shadow:none}
button.primary:hover,nav button.active:hover{background:#095c60;border-color:#095c60}
input,select,textarea{border-color:#b4c8c8;border-radius:12px}
input[type=checkbox]{accent-color:var(--action-teal)}
:focus-visible{outline-color:var(--action-teal)}
.hero{background:var(--navy);color:#f8f6f0}
.hero small{color:#d9e8e5}
.service-card{border-top-color:var(--brand-teal)}
.boat-illustration{background:#edf5f3;color:#38696b}
th{background:#f2f6f4}
.login{box-shadow:0 16px 50px #102c3b10}
.login-photo{background-image:linear-gradient(180deg,#102c3b12,#102c3b30),url('/marina.jpg')}
.login-brand{position:absolute;top:20px;left:20px;right:20px;padding:18px 20px;background:#f8f6f0f5;border-radius:16px;box-shadow:0 4px 18px #102c3b12}
.login-brand img{display:block;width:260px;height:auto;max-width:100%}
.login-brand p{color:var(--navy);font-size:14px;line-height:1.4;margin:8px 0 0}
.login-links button{color:var(--action-teal)}
.login-links button[data-action=register]{color:var(--navy);border-color:#b4c8c8}
footer{color:var(--muted);font-size:12px}
footer span{display:block}
.brand-tagline{font-size:11px;margin-top:5px}
@media(min-width:1000px){.login-brand{top:28px;left:24px;right:24px}}
@media(max-width:650px){.brand-logo{width:164px;height:40px}.marina-brand{font-size:23px}.login-brand{top:16px;left:16px;right:16px;padding:14px 18px}.login-brand img{width:228px}.login-brand p{font-size:13px}}