.sense-entry,.sense-card{border:1px solid #0f766e;border-radius:10px;padding:10px;margin:10px 0;background:#f0fdfa;color:#134e4a}.sense-entry .row{margin-top:8px}.sense-results{display:grid;gap:6px;font-size:13px}.sense-results button{text-align:left;min-height:44px}.sense-badge{display:block;margin:7px 0;padding:7px 10px;border:1px solid #0f766e;border-radius:7px;background:#f0fdfa;color:#134e4a;font-size:12px;min-height:36px}.sense-badge[data-state=unavailable],.sense-badge[data-state=ambiguous]{background:#fff7ed;color:#9a3412;border-color:#ea580c}.sense-card small{display:block;margin-top:8px;color:#52635f}.sense-brief{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:12px}.sense-alert{color:#9a3412}.sense-callout{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:6px 0 0;padding:12px 0;min-height:44px;border:0;border-top:1px solid #b6d8d0;border-radius:0;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}.sense-kickout{font-size:12px;white-space:nowrap}.sense-detail{font-size:13px;overflow-wrap:anywhere}.sense-detail h3{margin:12px 0}.sense-profile{display:grid;gap:5px;padding:0 0 10px;overflow-wrap:anywhere}.sense-profile h4{margin:12px 0 0;font-size:13px}.sense-profile small{display:block;margin-top:7px;font-size:11px;color:#52635f}.sense-muted{color:#52635f;font-size:12px}.sense-actions button{width:100%;text-align:left;padding:12px;margin:4px 0;background:#fff;border:1px solid var(--line);min-height:44px}.sense-detail input{width:100%;padding:12px;box-sizing:border-box}
.sense-birthday,.sense-badge[data-birthday=true]{background:#fff7db;color:#713f12;border-color:#d69e2e}.sense-birthday{display:block;border-radius:7px;padding:8px 10px;margin:8px 0;font-size:13px}.sense-entry+.drawer-choice{margin:8px 0}.birthday-fields{display:flex;gap:10px}.birthday-fields .sw-field{flex:1}

.sense-table-summary{margin:6px 0;color:#134e4a}
.sense-table-summary .sense-callout{margin:0;padding:6px 0;font-size:13px}
.sense-table-summary small{display:block;font-size:12px}
/* Guest details fly out beside the work panel, like every other choice, instead of covering it. */
body .choice-flyout.guest-flyout{left:min(390px,92vw);width:min(540px,calc(100vw - min(390px,92vw)));height:100dvh;max-height:100dvh;box-sizing:border-box}
@media(max-width:720px){body .choice-flyout.guest-flyout{left:0;width:100vw}}
.guest-flyout .drawer-head{position:sticky;top:-18px;background:#fafafa;z-index:1;padding:8px 0}
.sense-choices .choice-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px}.sense-choices .choice-row:disabled{opacity:.55}.sense-results>.choice-row{margin:0}
.sense-entry .sense-last{margin-top:8px}.sense-entry .sense-last>input,.sense-entry .sense-last>.field{flex:1}

/* SENSE details beside an open reservation: one more column to the right, scrolling on its own. */
body .choice-flyout.side-flyout{--side-left:min(calc(min(390px,92vw) + 330px),calc(100vw - 340px));left:var(--side-left);width:min(460px,calc(100vw - var(--side-left)));z-index:82;height:100dvh;max-height:100dvh;overflow:auto;box-sizing:border-box;overscroll-behavior:contain}
@media(max-width:720px){body .choice-flyout.side-flyout{left:0;width:100vw}}
.occasion-banner{background:#fff7db;color:#713f12;border:1px solid #d69e2e;border-radius:8px;padding:10px 12px;margin:0 0 10px;font-weight:700;font-size:15px;overflow-wrap:anywhere}
.occasion-mark{color:#92400e}
#detailTime{margin:8px 0}
.time-roller .choice-row[aria-pressed=true]{background:#dceee2;border-color:#137344;font-weight:700}
.side-flyout .drawer-head{position:sticky;top:-18px;background:#fafafa;z-index:1;padding:8px 0}