/* Couple's dashboard. Loaded after app.css and site.css. */
.dashpage{background:#FBF8F0}
.dash{min-height:100dvh;display:flex;flex-direction:column}
.dash-side{display:none}
.dash-top{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #E4DFD0;position:sticky;top:0;background:#FBF8F0;z-index:5}
.dash-main{flex:1;min-width:0;padding:22px 20px 28px;display:flex;flex-direction:column;gap:16px;max-width:640px;width:100%;margin:0 auto}
.dash-tabs{position:sticky;bottom:0;padding-bottom:max(14px,env(safe-area-inset-bottom))}
.dash-tabs a.tab{text-decoration:none}
.dashpage .dbd-head{flex-wrap:wrap;gap:12px}
.dashpage .db-h1{font-size:28px;line-height:1.15}
.dashpage .dbd-row{flex-direction:column;gap:16px}
.dashpage .db-panel.w420{width:auto}
.d-inv{background:#fff;border:1px solid #E4DFD0;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:14px}
.d-inv .db-inv{border:0;padding:0}
.d-thumb{width:72px;flex:none}
.d-thumb .inv{border-radius:10px;box-shadow:none}
.db-url{word-break:break-all}
.db-acts{flex-wrap:wrap}
.db-acts form{display:flex}
.db-acts .btn{flex:0 1 auto}
.a-out{font-size:12px;color:#8FB0A9;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.d-flash{display:flex;gap:10px;align-items:center;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:600;background:#E3F5EA;color:#126B34}
.d-none{color:#5C6B69;font-size:14px;padding:8px 0}
.d-empty{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding-top:40px}
.d-empty p{max-width:44ch}
.dashpage .db-nudge .btn{flex:none}
.dashpage .chip i{font-style:normal;font-weight:500;color:#8A9694}
.d-add summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;font-size:16px}
.d-add summary::-webkit-details-marker{display:none}
.d-add summary span{font-size:12px;color:#8A9694;text-align:right}
.d-add form{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:4px}
.d-names{width:100%;height:auto;min-height:110px;padding:12px 14px;font-family:inherit;font-size:16px;line-height:1.5;resize:vertical;outline:0;display:block}
.d-names:focus{border-color:#0E4A47;box-shadow:0 0 0 4px rgba(14,74,71,.12)}
.d-guest{align-items:flex-start;flex-wrap:wrap}
.d-guest>div:nth-child(2){flex:1 1 0;min-width:0}
.d-guest>div:nth-child(2) span{overflow-wrap:anywhere}
/* on phones the status and actions sit on their own line under the name */
.d-guest .db-row-r{flex:1 0 100%;flex-direction:row;justify-content:space-between;align-items:center;padding-left:50px}
.d-gacts{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.d-gacts button.link{cursor:pointer;font-family:inherit}
.d-del{color:#B02A45!important}
.dashpage .db-row-r{gap:6px}
.dashpage .g-pill{cursor:pointer}

/* sign in page */
.loginpage{padding:56px 0 96px}
.logincard{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.logincard h1{font-size:32px;line-height:1.15}
.logincard .sub{margin-top:-6px}

@media (min-width:1024px){
  .dash{flex-direction:row}
  .dash-side{display:flex;position:sticky;top:0;height:100dvh}
  .dash-top,.dash-tabs{display:none}
  .dash-main{max-width:none;margin:0;padding:36px 44px 48px;gap:24px}
  .dashpage .db-h1{font-size:36px}
  .dashpage .dbd-row{flex-direction:row;gap:24px}
  .dashpage .db-panel.w420{width:420px}
  .d-inv{width:400px;flex:none;justify-content:space-between}
  .d-thumb{width:96px}
  .dashpage .db-stats{flex:1;grid-template-columns:repeat(2,1fr);gap:16px}
  .dashpage .db-stat{padding:18px 22px;justify-content:center}
  .dashpage .db-stat b{font-size:34px}
  .dashpage .db-panel{padding:22px}
  .dashpage .db-nudge{flex-direction:row;align-items:center;justify-content:space-between}
  .d-guest{flex-wrap:nowrap;align-items:center}
  .d-guest .db-row-r{flex:none;padding-left:0;gap:16px}
}