@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#11263a;font-synthesis:none;--navy:#11263a;--teal:#087a77;--border:#d9e3ea;--muted:#506477;background:#f2f6f8;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:0;font-size:clamp(1.8rem,4vw,2.55rem)}h2{font-size:1.1rem}h3{font-size:1rem}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .8rem;font-weight:650;display:inline-flex}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #118c8a}input:not([type=checkbox]),select{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:0;padding:.6rem .7rem}form{gap:1rem;display:grid}form label{gap:.35rem;font-weight:650;display:grid}form button{justify-self:start}.primary{background:var(--teal);border-color:var(--teal);color:#fff}.muted,.empty{color:var(--muted)}.empty{margin:0;padding:1rem}.error{color:#992923;background:#fff2ef;border-radius:8px;padding:.7rem}.danger{color:#9a312c;margin-top:1.25rem}.shell{grid-template-columns:205px minmax(0,1fr);min-height:100vh;display:grid}.nav{background:var(--navy);color:#e1ecf2;flex-direction:column;gap:2rem;padding:1.25rem .85rem;display:flex}.brand{color:inherit;align-items:center;gap:.65rem;font-weight:750;display:flex}.brand svg{color:#50c3b9}.nav nav{gap:.3rem;display:grid}.nav button{color:inherit;background:0 0;border-color:#0000;justify-content:flex-start}.nav .nav-active{color:#fff;background:#17656a}.signout{margin-top:auto}.workspace{padding:clamp(1rem,3vw,2.5rem)}.page-header,.panel-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.panel-header h2{margin:0}.toolbar{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem;display:flex}.filter{color:var(--muted);align-items:center;gap:.35rem;padding:.35rem;display:flex}.card,dialog{border:1px solid var(--border);background:#fff;border-radius:13px;box-shadow:0 3px 12px #17304808}.calendar{overflow:auto}.calendar-inner{min-width:660px}.time-row,.boat-row{grid-template-columns:115px minmax(0,1fr);align-items:stretch;display:grid}.time-row>span,.boat-row>strong{padding:1rem .65rem}.time-scale,.lane{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.time-scale span{color:var(--muted);white-space:nowrap;padding:.9rem .2rem;font-size:.74rem}.base-title{background:#e7eff4;margin:0;padding:.55rem .65rem}.boat-row{min-height:76px}.lane{border-bottom:1px solid var(--border);position:relative}.slot{color:#0000;border:0;border-left:1px dashed var(--border);border-radius:0;padding:0}.slot:hover:not(:disabled),.slot:focus-visible{color:var(--teal);background:#e9f6f4}.block{text-align:left;white-space:nowrap;height:54px;padding:.35rem .45rem;display:block;position:absolute;top:9px;overflow:hidden}.block strong,.block small{text-overflow:ellipsis;display:block;overflow:hidden}.pending{color:#784805;background:#ffedcd;border-color:#eabb66}.assigned{color:#07615d;background:#d6f1eb;border-color:#a0d9ce}.maintenance{color:#415569;background:#e5eaf0;border-color:#c7d0db}.with-details{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:1rem;display:grid}.details,.list,dialog{padding:1rem}.details p{margin-bottom:.6rem}.details h3{margin-top:1.15rem;margin-bottom:.55rem}.badge{border-radius:6px;padding:.3rem .55rem;font-size:.84rem;display:inline-block}.request{border:1px solid var(--border);border-radius:8px;margin-bottom:.6rem;padding:.65rem}.request div{gap:.4rem;margin-top:.5rem;display:flex}.details form{margin-top:1rem}.list{gap:.65rem;display:grid}.list h2{margin:.5rem 0 0}.list-row{border:1px solid var(--border);text-align:left;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;width:100%;padding:.8rem;display:flex}.list-row span{font-weight:500}.center{place-items:center;min-height:100vh;padding:1rem;display:grid}.login{width:min(100%,420px);padding:1.6rem}.login h1{margin:1.25rem 0}dialog{width:min(100% - 2rem,440px)}dialog::backdrop{background:#11263a55}@media (width<=1120px){.with-details{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.shell{grid-template-columns:54px minmax(0,1fr)}.nav{padding:.85rem .35rem}.nav span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.nav .brand{justify-content:center}.workspace{padding:.8rem}}.inline-label,.row-actions,.segmented{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inline-label{color:var(--muted);font-weight:650}.segmented{border:1px solid var(--border);border-radius:8px;gap:0;overflow:hidden}.segmented button{border:0;border-radius:0}.segmented button[aria-pressed=true]{color:#07615d;background:#d6f1eb}.overview-toolbar strong{padding-inline:.25rem}.text-button{color:#07615d;background:0 0;border:0}.overview-grid{--overview-label-width:128px;scrollbar-color:#8ca8b2 #f0f5f7;overscroll-behavior-x:contain;position:relative;overflow:auto}.overview-grid:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.overview-table{border-spacing:0;table-layout:fixed;width:100%;font-size:.85rem}.overview-track{position:relative}.overview-boats-column{width:var(--overview-label-width)}.overview-now-track{inset:0 0 0 var(--overview-label-width);pointer-events:none;z-index:1;position:absolute}.overview-now-line{background:#bc4331;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.overview-now-line span{color:#fff;font-variant-numeric:tabular-nums;background:#a83727;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:700;position:absolute;top:1px;left:1px;transform:translate(-50%)}.overview-table th,.overview-table td{border-bottom:1px solid #e5edf1;border-right:1px solid #e5edf1}.overview-table .overview-label{z-index:2;text-align:left;overflow-wrap:anywhere;background:#fff;padding:.38rem .65rem;position:sticky;left:0;box-shadow:1px 0 #d9e3ea}.overview-table thead th{background:#edf4f7;padding:0}.overview-week-table thead th{padding-top:17px}.overview-table thead .overview-label{background:#edf4f7}.overview-week-table thead .overview-label{padding-top:17px}.overview-date-button{background:0 0;border:0;border-radius:0;gap:.1rem;width:100%;min-height:46px;padding:.3rem 0;display:grid}.overview-date-button small{color:var(--muted);font-size:.7rem;font-weight:600}.overview-date-button[aria-current=date]{color:#07615d}.overview-date-button:focus-visible,.overview-cell-control:focus-visible{outline-offset:-2px}.overview-grid .overview-today{background:#e9f6f4}.overview-marina th,.overview-marina td{background:#e7eff4;border-top:.45rem solid #fff}.overview-table .overview-marina .overview-label{color:#354d60;background:#e7eff4;font-size:.72rem;font-weight:700}.overview-no-boats .overview-label{color:var(--muted);font-size:.74rem}.overview-boat td{vertical-align:middle;height:36px;padding:.16rem;position:relative}.overview-entries{gap:.15rem;display:grid}.week-entry{text-align:left;border-radius:6px;justify-items:start;gap:.08rem;width:100%;padding:.21rem .35rem;font-size:.77rem;line-height:1.2;display:grid}.week-entry strong,.week-entry small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.week-entry small{font-variant-numeric:tabular-nums;font-weight:500}.overview-month-table .overview-boat td{height:32px;padding:.13rem}.overview-month-table .overview-date-button{font-size:.76rem}.overview-month-table .overview-entries{justify-items:center}.overview-cell-control{background:0 0;border:0;border-radius:0;width:100%;padding:0;position:absolute;inset:0}.overview-cell-control:hover{background:#087a7712}.overview-dot{z-index:1;background:0 0;border:0;border-radius:3px;width:100%;height:14px;padding:0;position:relative}.overview-dot:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.overview-dot:hover{background:#087a7717}.overview-dot:focus-visible{outline-offset:0}.week-entry[aria-pressed=true],.overview-date-button[aria-pressed=true],.overview-cell-control[aria-pressed=true],.overview-dot[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--teal)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.schedule-shortcut[aria-pressed=true]{color:#07615d;background:#d6f1eb;border-color:#a0d9ce}.toolbar .date-trigger{min-width:144px}.toolbar .date-panel{inset-inline:0 auto}.booking-dates{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.85rem;display:grid}.time-field{gap:.35rem;display:grid;position:relative}.time-input{display:flex}.time-input input{border-radius:8px 0 0 8px;width:100%}.time-input button{border-left:0;border-radius:0 8px 8px 0}.time-options{z-index:2;width:100%;position:absolute;top:100%;left:0;box-shadow:0 5px 14px #11263a20}.time-options option{padding:.2rem .3rem}.settings{max-width:590px}.settings input{width:125px}.remove-base{color:#9a312c}.success{color:#07615d;background:#d6f1eb;border-radius:8px;padding:.65rem .75rem}.auth-link{color:#07615d;margin-top:.75rem;display:inline-block}.history{border-top:1px solid var(--border);margin-top:1.25rem}.history ol{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--border);gap:.2rem;padding:.55rem 0;font-size:.84rem;display:grid}.history li span,.history li small{color:var(--muted)}.history li:last-child{border:0}.settings-stack,.reservation-details{gap:.8rem;display:grid}.extra-settings-row{flex-wrap:wrap;gap:.55rem;display:flex}.extra-settings-row input{flex:1;width:auto;min-width:150px}.booking-extras{border:1px solid var(--border);border-radius:9px;min-width:0;padding:.6rem .75rem}.booking-extras legend{padding:0 .25rem;font-weight:650}.extra-choice{justify-content:space-between;align-items:center;gap:.65rem;min-height:44px;display:flex}.extra-choice label,.payment-check label{align-items:center;gap:.45rem;display:flex}.extra-choice input[type=number]{width:76px}.booking-note,textarea{white-space:pre-wrap;overflow-wrap:anywhere}textarea{border:1px solid var(--border);width:100%;font:inherit;color:inherit;resize:vertical;border-radius:8px;padding:.55rem .65rem}.reservation-details p{margin:.25rem 0 0}.extra-badges{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.booking-actions{margin-top:1rem}.history summary{cursor:pointer;padding:.75rem 0;font-weight:700}.history summary+p{font-size:.9rem}.block{height:61px;line-height:1.25}.block .strip-meta{display:block}.strip-meta svg{vertical-align:middle;margin-right:.25rem}.payment-check{gap:.35rem;font-weight:650;display:grid}.settings-section{gap:.65rem;padding:1.1rem;display:grid}.settings-section h2,.settings-section p{margin:0}.settings-section select{max-width:325px}.settings-section .extra-settings-row{align-items:center}.settings-section .extra-settings-row s{flex:1}.settings-footer{z-index:1;background:#f2f6f8;padding:.7rem 0;position:sticky;bottom:0}.booking-summary,.booking-prep{gap:.65rem;display:grid}.booking-summary{background:#f2f7f8;border:1px solid #d6e4ea;border-radius:11px;padding:.85rem}.booking-summary-title,.booking-payment,.booking-payment>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.booking-summary .booking-summary-title h3{overflow-wrap:anywhere;margin:0;font-size:1.23rem}.booking-summary p{color:var(--muted);align-items:center;gap:.45rem;margin:0;line-height:1.35;display:flex}.booking-summary p svg{flex-shrink:0}.booking-summary .badge{align-items:center;gap:.3rem;display:inline-flex}.booking-payment{border-bottom:1px solid var(--border);margin-bottom:.7rem;padding:.75rem 0}.booking-prep h3{margin:.25rem 0 0}.note-card{background:#eff8f6;border:1px solid #d4e9e4;border-radius:8px;padding:.55rem .65rem}.note-card strong{align-items:center;gap:.35rem;display:flex}.note-card p{margin:.25rem 0 0}.private-note{border-color:var(--border);background:#f3f5f8}.crew-controls,.booking-manage{border-top:1px solid var(--border);margin-top:.8rem;padding:.65rem 0 0}.crew-controls summary,.booking-manage summary{cursor:pointer;font-weight:650}.crew-controls form,.booking-manage .row-actions{margin-top:.65rem}.booking-dialog{width:min(100% - 2rem,670px);max-height:calc(100dvh - 2rem);padding:0}.booking-dialog>.panel-header{border-bottom:1px solid var(--border);z-index:3;background:#fff;margin:0;padding:.85rem 1rem;position:sticky;top:0}.booking-dialog .booking-form{gap:0}.booking-form-body{gap:.7rem;padding:.85rem 1rem;display:grid}.booking-form-group{border:1px solid var(--border);border-radius:10px;gap:.65rem;padding:.75rem;display:grid}.booking-form-group h3,.booking-form-group p{margin:0}.booking-form-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.trip-length{color:#087a77;font-size:.86rem;font-weight:700}.booking-form-footer{border-top:1px solid var(--border);z-index:3;background:#fff;padding:.65rem 1rem;position:sticky;bottom:0}.booking-form-footer button{margin-left:auto;display:flex}.booking-form-footer .error{margin:0 0 .5rem}@media (width<=520px){.booking-form-pair{grid-template-columns:minmax(0,1fr)}.booking-dialog{width:calc(100% - 1rem)}}.schedule-strip{border-inline-start-width:3px;padding:.34rem .45rem;container-type:inline-size}.schedule-strip[aria-pressed=true]{outline-offset:-2px;outline:2px solid #087a77}.strip-title,.strip-prep{align-items:center;gap:.38rem;min-width:0;display:flex}.strip-title strong,.strip-prep small{text-overflow:ellipsis;overflow:hidden}.strip-title{justify-content:space-between}.strip-time{opacity:.9;margin-top:.08rem}.strip-payment{background:#fff9;border-radius:4px;flex:none;padding:.08rem .28rem;font-size:.66rem;font-weight:700}.strip-paid{color:#07615d;background:#fff}.strip-prep{gap:.3rem;margin-top:.14rem}.strip-prep small:first-child:not(:last-child),.strip-prep svg{flex-shrink:0}@container (width<=125px){.strip-payment{display:none}}.field-label{font-weight:650}.date-trigger{text-align:left;justify-content:space-between;min-width:0;min-height:40px}.date-trigger svg,.time-input svg{color:var(--teal);flex-shrink:0}.picker-panel{z-index:2;border:1px solid var(--border);background:#fff;border-radius:11px;width:min(280px,100vw - 3.5rem);padding:.55rem;position:absolute;inset:calc(100% + 5px) 0 auto auto;box-shadow:0 10px 22px #11263a26}.time-grid{overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;max-height:206px;display:grid;overflow:auto}.picker-panel button{border:0;min-height:34px;padding:.3rem;font-size:.86rem}.picker-panel button:hover{background:#edf6f5}.picker-panel button[aria-pressed=true]{background:var(--teal);color:#fff}.picker-month{justify-content:space-between;align-items:center;gap:.3rem;margin-bottom:.35rem;display:flex}.date-days{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:.18rem;display:grid}.date-days small{color:var(--muted);padding:.25rem 0;font-size:.72rem}.date-days .picker-past{color:#536474;background:#f0f2f4}.date-days button[aria-current=date]:not([aria-pressed=true]){box-shadow:inset 0 0 0 1px var(--teal)}.picker-today{min-width:58px;margin:.3rem 0 0}.payment-field{border:0;min-width:0;margin:0;padding:0}.payment-field legend{margin-bottom:.35rem;padding:0;font-weight:650}.payment-field .segmented{display:inline-flex}.payment-field button{min-height:38px}.booking-extras .extra-choice{border:1px solid var(--border);background:#f8fafb;border-radius:8px;margin:.35rem 0;padding:.35rem .55rem}.booking-extras .extra-selected{background:#eef8f6;border-color:#cce7df}.extra-choice input[type=checkbox]{accent-color:var(--teal);width:16px;height:16px;margin:0 .2rem 0 0}.extra-choice input[type=number]{background:#fff;width:66px}.overview-grid .overview-past,.calendar-past .lane,.calendar-past .time-row,.calendar-past .slot{background:#f0f2f4}.calendar-past .slot:hover:not(:disabled),.calendar-past .slot:focus-visible{background:#e9f6f4}.skipper-phone{color:var(--teal);margin-top:.2rem;display:inline-block}@media (width<=520px){.picker-panel{width:min(245px,100vw - 4rem);inset-inline:auto 0}.toolbar .date-panel{width:min(245px,100vw - 7.5rem)}}.booking-dates .time-field:nth-child(odd) .picker-panel{inset-inline:0 auto}.booking-time-feedback{justify-items:start;gap:.5rem;display:grid}.booking-time-feedback:empty{display:none}.booking-time-feedback .timing-error{flex-wrap:wrap;align-items:center;gap:.6rem;width:100%;margin:0;display:flex}.booking-time-feedback button{padding:.35rem .65rem}.overview-with-day{grid-template-columns:minmax(0,1fr) minmax(230px,280px);align-items:start;gap:1rem;display:grid}.overview-day{gap:.55rem;padding:.85rem;display:grid}.overview-day .panel-header{margin:0 0 .25rem}.overview-day .panel-header h2{font-size:1rem}.overview-day p{margin:0}.overview-day-entry{text-align:left;justify-content:flex-start;gap:.65rem;width:100%}.overview-day-entry time{font-variant-numeric:tabular-nums;min-width:3.1rem;font-size:.8rem;font-weight:700}.overview-day-entry span{gap:.14rem;min-width:0;display:grid}.overview-day-entry small{overflow-wrap:anywhere;font-weight:500}.overview-open-day{color:var(--teal);margin-top:.3rem}@media (width<=1080px){.overview-with-day{grid-template-columns:minmax(0,1fr)}}
