@font-face{font-family:Inter;src:url('../fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Inter,system-ui,sans-serif;color:#253831;background:#f2f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.55}.account-shell{max-width:860px;margin:40px auto;padding:28px}.login-shell{max-width:520px}.brand{color:#216e5b;font-size:22px;font-weight:750;text-decoration:none}h1{font-size:27px;line-height:1.2}h2{font-size:19px}h3{font-size:16px}p{color:#53665e}section,.login-shell{background:#fff;border:1px solid #dce6e1;border-radius:18px}section{padding:24px;margin:20px 0}form{margin:18px 0}label{display:grid;gap:6px;margin:14px 0;font-weight:550}input,select,button{font:inherit}input:not([type=checkbox]),select{width:100%;padding:11px;border:1px solid #cbd9d2;border-radius:10px;background:white;color:inherit}.check{display:flex;align-items:center;font-weight:400;font-size:14px}button{border:1px solid transparent;border-radius:999px;padding:10px 18px;background:#216e5b;color:#fff;font-weight:600;cursor:pointer}button:hover{filter:brightness(.95)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #72b59f;outline-offset:3px}.secondary{background:white;color:#216e5b;border-color:#cbd9d2}.danger{background:#fff4f3;color:#9a3931;border-color:#e9c5c1}.account-notice{background:#edf6f1;border-radius:12px;padding:14px}.error{background:#fff0ed;color:#96392f}.account-fine,footer{font-size:13px;color:#596b63}.account-row,.account-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.account-row{border-top:1px solid #e9efeb;padding:8px 0}.account-row form{margin:4px 0}a{color:#216e5b}footer{margin-top:24px}@media(max-width:600px){.account-shell{margin:16px auto;padding:18px}.login-shell{margin:16px}section{padding:18px}.account-row{display:block}}

/* Account and sharing use the same quiet hierarchy and pill actions as trip planning. */
.account-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.account-tabs a{padding:8px 14px;border:1px solid #dce6e1;border-radius:999px;text-decoration:none}.account-tabs [aria-current=page]{background:#e8f2ed;font-weight:600}
.account-shell{max-width:960px}.account-shell h1{margin-bottom:8px}.account-shell h2{margin-top:0}.account-fields{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.account-fields label{flex:1 1 180px;margin:0}.account-fields button{align-self:end}.account-actions{justify-content:flex-start}.account-badge{border-radius:999px;background:#edf3ef;color:#51655a;padding:4px 9px;font-size:12px;font-weight:400}
.participant-card{border:1px solid #dce6e1;border-radius:12px;margin:10px 0;padding:14px}.participant-card summary{display:flex;gap:12px;justify-content:space-between;align-items:center;cursor:pointer}.participant-card[open] summary{margin-bottom:14px}summary{cursor:pointer}.account-danger-zone{border:1px solid #ecd0ca;border-radius:12px;padding:18px;margin-top:16px}.account-row span{overflow-wrap:anywhere}.account-footer{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}.account-footer a{font:inherit;color:inherit;text-decoration:none}.account-footer a:hover{text-decoration:underline}input[readonly]{background:#f4f7f5!important;color:#53665e}
.planning-dialog{width:min(760px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid #dce6e1;border-radius:18px;padding:24px;color:#20362c}.planning-dialog::backdrop{background:rgba(25,45,35,.35)}.planning-dialog section{border:0;padding:0;margin:20px 0}.planning-dialog h2{font-size:16px}.planning-dialog p{font-size:14px;line-height:1.65}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header h3{margin:0}.modal-close{background:transparent;color:#53665e;padding:6px 12px}.modal-secondary{background:white;color:#216e5b;border-color:#cbd9d2}
@media(max-width:600px){.account-shell{padding:12px}.account-fields{display:grid;grid-template-columns:1fr}.participant-card summary{align-items:flex-start;flex-wrap:wrap}.account-tabs a{padding:7px 10px}.planning-dialog{padding:18px}}

.app-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem .8rem;color:#596b63;font-size:13px}
.app-footer :is(a,button){font:inherit;font-weight:400;color:inherit;text-decoration:none;background:none;border:0;border-radius:0;padding:0;min-height:0;box-shadow:none}.app-footer :is(a,button):hover{text-decoration:underline;color:#243a31}