/* The 1815: polished seaside finishes, with readable working surfaces. */
:root{--sea:#007fad;--navy:#123c59;--gold:#d1b87d;--surface:#fff;--soft-shadow:0 8px 26px #163e5710,0 1px 3px #163e5708}
body{background:radial-gradient(ellipse at 90% 0,#cbeaf766,transparent 45%),linear-gradient(180deg,#edf5fa,#f7f9fc 65%);color:#19394f;min-height:100vh;-webkit-font-smoothing:antialiased}
.pilot-head{background:radial-gradient(ellipse at 75% -60%,#54bfdf77,transparent 75%),linear-gradient(115deg,#102e48,#135576 65%,#087ca1);border-bottom:1px solid #d1b87daa;box-shadow:inset 0 1px #ffffff22;padding-top:19px;padding-bottom:19px}
.pilot-head strong{letter-spacing:-.4px;font-weight:700}.pilot-head p{color:#c6e4ed}.pilot-head img{filter:drop-shadow(0 4px 8px #001c3333)}
.pilot-head button{background:linear-gradient(#ffffff22,#ffffff0a);border-color:#ffffff45;box-shadow:inset 0 1px #ffffff26;color:white}
#navigation,body[data-role=tenant] #navigation{background:linear-gradient(120deg,#117ca6,#169bc8);border-bottom:1px solid #0d709a;box-shadow:0 5px 16px #123b5914;gap:10px}
#navigation button,body[data-role=tenant] #navigation button{background:linear-gradient(160deg,#ffffff,#e8f6fc);border:1px solid #ffffff99;border-radius:15px;box-shadow:inset 0 1px #fff,0 3px 7px #00375125;color:#164b68;font-weight:600;transition:background .18s,box-shadow .18s,transform .18s}
#navigation button[aria-current=page],body[data-role=tenant] #navigation button[aria-current=page]{background:linear-gradient(145deg,#173f5b,#07648e);border-color:#e8d5a7;color:#fff;box-shadow:inset 0 1px #ffffff25,0 3px 9px #00375140}
#navigation .nav-icon,body[data-role=manager] #navigation .nav-icon{display:grid;place-items:center;width:32px;height:32px;background:transparent!important;color:inherit!important;border-radius:0;padding:0}
.nav-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#pilot{margin-top:28px;margin-bottom:50px}#pilot h1{font-weight:700;letter-spacing:-.9px;color:#153a54}#pilot h2{letter-spacing:-.35px}#pilot h3{font-weight:650}
.pilot-item,#pilot .pilot-form,.login.panel,#pilot .pack,.flat-accordion,.subject-row{border-color:#dce7ee;background:#fff;border-radius:20px;box-shadow:var(--soft-shadow)}
body[data-role=tenant] .tenancy-card{background:radial-gradient(ellipse at 100% 0,#deeff844,transparent 65%),linear-gradient(130deg,#fff,#f6fbfe);border:1px solid #d8e5ed;border-top:3px solid var(--gold);padding:28px}
.home-badge{background:linear-gradient(135deg,#e6f7fc,#cee8f3);box-shadow:inset 0 1px #fff,0 4px 12px #16476710;border:1px solid #fff;border-radius:17px}
.resident-avatar{background:linear-gradient(140deg,#e6f5fa,#c8e5ed);color:#174967;border:2px solid white;box-shadow:0 0 0 1px #bfd7e3,0 4px 12px #193b4c13}
.resident-profile-card{gap:20px}.resident-bio{color:#416176;font-size:1rem}.tenant-contact-info{color:#496577}.tenant-contact-info [aria-hidden]{filter:saturate(.65)}
#pilot .primary,.tenant-home-actions .home-records,.rights-pdf-link{background:linear-gradient(165deg,#1799c1 0%,#0679a5 55%,#05628e 100%);border:1px solid #05749b;color:white;box-shadow:inset 0 1px #ffffff66,0 4px 10px #03618c28;border-radius:13px;text-shadow:0 1px 1px #00385522}
#pilot .tenant-home-actions .home-profile{background:linear-gradient(155deg,#f1fffb,#c7eee4);border:1px solid #abd6cb;color:#18564e;box-shadow:inset 0 1px #fff,0 4px 10px #1f6b5312}
#pilot .tenant-home-actions button{margin:0;min-height:62px;font-weight:700}.tenant-home-actions button span{background:#ffffff2b;border:1px solid #ffffff40;box-shadow:inset 0 1px #ffffff30}
#pilot .secondary,.pilot-item button:not(.primary):not(.home-profile):not(.home-records):not(.flat-unread-link):not(.delete-certificate){background:linear-gradient(#fff,#edf5fa);border:1px solid #cbdce7;color:#214f69;box-shadow:inset 0 1px white;border-radius:11px}
.pilot-form input,.pilot-form select,.pilot-form textarea{background:#f8fbfd;border:1px solid #c4d7e3;box-shadow:inset 0 1px 3px #1c435908;font-size:1rem}.pilot-form label{font-size:1rem}.pilot-form input:focus,.pilot-form select:focus,.pilot-form textarea:focus{outline:2px solid #1587b3;outline-offset:2px;background:white}.pilot-form input[type=file]{background:#edf7fc;border-style:dashed}
#pilot .pack{padding:18px 20px;margin:12px 0}#pilot .pack summary{font-weight:650;color:#204962;cursor:pointer}#pilot .pack[open]{border-color:#94bfd2}.guide-content{padding-top:14px}.flat-accordion>summary{padding:18px 20px}.flat-accordion[open]>summary{background:linear-gradient(115deg,#edf7fb,#f9fcfe);border-color:#d9e7ee}.flat-accordion>.tenancy-card{box-shadow:none;border-radius:0}.flat-summary-tenant{font-size:1rem}
#stream{background:linear-gradient(145deg,#e8f1f7,#eef6f9);border:1px solid #d7e5ef}.pilot-message{box-shadow:0 3px 10px #25485c09}.pilot-message.mine{background:linear-gradient(140deg,#e0f6f2,#c9eae8);border-color:#aed7d6}.pilot-message small,.inbox-meta{font-size:14px}
.inbox-row{box-shadow:0 3px 14px #183e5509;border-color:#d3e3ec}.inbox-row.chosen{background:#edf8fd;border-color:#2583a4}.subject-row{padding:20px}.subject-row small{font-size:14px}.repair-priority{font-size:14px}.maintenance-report summary{flex-wrap:wrap}.entry-choices{border-color:#ccdfe8}.pilot-form .entry-consent{background:#f1f8fc;border-color:#ccdfeb}.pilot-form .entry-consent:has(input:checked){background:#e4f4f9;border-color:#2485a4;box-shadow:0 0 0 1px #2485a4}.repair-dialog{box-shadow:0 25px 90px #092b4b44}.repair-dialog::backdrop{background:#102d466e;backdrop-filter:blur(4px)}
#pilot .manual-image-card{border-top-color:var(--gold);background:linear-gradient(140deg,#fff,#f0f9fd)}.manual-image-layout figure{box-shadow:0 3px 12px #193f5410}.document-type-icon{box-shadow:inset 0 1px #ffffffc0}.login.panel{border-top:3px solid var(--gold);box-shadow:0 18px 55px #173e5914}.login .pilot-form{box-shadow:none!important}.app-update-notice{background:linear-gradient(110deg,#075980,#097fad);border-bottom:1px solid #d1b87d80}
button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b58825!important;outline-offset:3px}
@media(hover:hover){#navigation button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 6px 12px #00375130}#pilot .primary:hover,.tenant-home-actions .home-records:hover{background:linear-gradient(155deg,#108db7,#075e87)}.flat-accordion>summary:hover{background:#f0f8fc}}
@media(max-width:700px){.pilot-head{padding:16px 14px;gap:10px}.pilot-head strong{font-size:17px}.pilot-head p{font-size:14px}.pilot-head img{width:52px}.pilot-head #logout{padding:8px 10px;min-height:44px}#navigation,body[data-role=tenant] #navigation{gap:8px;padding:12px;grid-template-columns:repeat(4,minmax(0,1fr))}#navigation button,body[data-role=tenant] #navigation button{min-width:0;min-height:84px;font-size:12px;line-height:1.25;padding:8px 3px;gap:5px}.nav-icon svg{width:24px;height:24px}#pilot{margin-top:23px;padding:0 14px}#pilot h1{font-size:28px;margin-bottom:20px}.pilot-item,#pilot .pilot-form,body[data-role=tenant] .tenancy-card{padding:20px}.tenant-home-actions{gap:10px}.tenant-home-actions button{padding:12px 8px;font-size:15px;flex-basis:130px}.resident-avatar.large,.profile-preview-image{width:88px;height:88px}.resident-profile-card{gap:12px}.flat-accordion>summary{padding:16px}.maintenance-report summary{gap:8px}.repair-priority{margin:4px 0}.login.panel{margin-top:26px}.pilot-head>div{min-width:0;flex:1}.pilot-head .notification-control{flex-basis:40px;width:40px;min-width:40px;max-width:40px}.pilot-head button{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:360px){#navigation,body[data-role=tenant] #navigation{gap:6px;padding:10px 8px}#navigation button,body[data-role=tenant] #navigation button{font-size:11px}}

/* Number plates for each flat. */
#pilot .flat-number-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;padding:0;border:1px solid #ffffff99;border-radius:13px;background:linear-gradient(160deg,#ffffff25,transparent 48%),linear-gradient(145deg,#1799c1,#0679a5 55%,#123c59);color:white;font-size:19px;font-weight:700;line-height:1;box-shadow:inset 0 1px #ffffff66,0 4px 9px #123c5926;text-shadow:0 1px 2px #123c5933}
#pilot .home-badge.flat-number-badge{width:72px;height:72px;border-radius:19px;font-size:28px;margin-bottom:14px}

#pilot .flat-number-badge{flex-direction:column;gap:3px;width:54px;height:58px}
#pilot .flat-number-badge small{display:block;font-size:10px;line-height:1;font-weight:500;letter-spacing:.5px;text-shadow:none}
#pilot .home-badge.flat-number-badge{margin-top:0;letter-spacing:0}
#pilot .home-badge.flat-number-badge small{font-size:12px}