#omc-app {
  --omc-bg: var(--omc-tone-f4f6f8,#F4F6F8);
  --omc-ink: var(--omc-tone-172c35,#172C35);
  --omc-green: #176B5B;
  --omc-muted: var(--omc-tone-526770,#526770);
  --omc-mint: var(--omc-tone-e5f0ec,#E5F0EC);
  color: var(--omc-ink);
  font-family: Arial,sans-serif;
  font-size: 15px;
  line-height: 1.55;
  background: var(--omc-bg);
  min-height: 100vh
}
#omc-app * {
  box-sizing: border-box
}
#omc-app button,#omc-app input,#omc-app select,#omc-app textarea {
  font: inherit
}
#omc-app button,#omc-app a {
  touch-action: manipulation
}
#omc-app button {
  cursor: pointer
}
#omc-app button:disabled {
  opacity: .5;
  cursor: wait
}
#omc-app a {
  color: inherit
}
#omc-app :focus-visible {
  outline: 3px solid #53a38f;
  outline-offset: 4px
}
#omc-app h1,#omc-app h2,#omc-app h3 {
  font-family: 'Trebuchet MS',Arial,sans-serif;
  color: var(--omc-ink);
  line-height: 1.12;
  margin: 0;
  font-weight: 600;
  letter-spacing: -.045em
}
#omc-app h1 {
  font-size: clamp(38px,4.2vw,64px);
  max-width: 850px;
  overflow-wrap: anywhere
}
#omc-app h2 {
  font-size: 28px
}
#omc-app h3 {
  font-size: 20px;
  letter-spacing: -.02em
}
#omc-app p {
  margin: 14px 0;
  max-width: 65ch
}
.omc-layout {
  display: grid;
  grid-template-columns: 248px minmax(0,1fr);
  min-height: 100vh
}
.omc-rail {
  padding: 38px 22px 24px;
  border-right: 1px solid var(--omc-tone-dce3e5,#dce3e5);
  background: var(--omc-tone-surface,#fff);
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  height: 100vh
}
.omc-brand {
  display: flex;
  align-items: center;
  font-family: 'Trebuchet MS',Arial,sans-serif;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: -1.3px;
  text-decoration: none;
  white-space: nowrap
}
.omc-brand-dot,.omc-accent {
  color: var(--omc-green)
}
.omc-mark {
  height: 28px;
  width: 28px;
  border: 2px solid var(--omc-green);
  border-radius: 50%;
  margin-right: 9px;
  position: relative
}
.omc-mark:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 11px;
  width: 7px;
  height: 9px;
  border-left: 2px solid var(--omc-green);
  border-bottom: 2px solid var(--omc-green)
}
.omc-rail-label {
  font-size: 9px;
  letter-spacing: 1.6px;
  color: var(--omc-muted);
  margin: 14px 0 50px 2px
}
.omc-rail nav {
  display: grid;
  gap: 9px
}
.omc-nav {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
  background: none;
  border: 0;
  color: var(--omc-muted);
  text-align: left;
  padding: 12px;
  border-radius: 11px;
  text-decoration: none;
  font-size: 13px!important
}
.omc-nav.active {
  color: var(--omc-green);
  background: var(--omc-mint);
  font-weight: 700
}
.omc-nav:hover {
  background: var(--omc-tone-f1f5f3,#f1f5f3)
}
.omc-nav>span:first-child {
  font-size: 22px
}
.omc-count {
  margin-left: auto;
  font-size: 11px!important
}
.omc-rail-bottom {
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid var(--omc-tone-e2e7e8,#e2e7e8);
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 12px
}
.omc-rail-bottom strong {
  display: block
}
.omc-rail-bottom a {
  font-size: 11px;
  color: var(--omc-muted)!important
}
.omc-avatar {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--omc-mint);
  color: var(--omc-green);
  font-weight: 700
}
.omc-main {
  padding: 0 5vw 28px;
  min-width: 0;
  max-width: 1600px;
  width: 100%;
  margin: auto
}
.omc-topline {
  padding: 26px 0 22px;
  border-bottom: 1px solid var(--omc-tone-dce3e5,#dce3e5);
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: 11px;
  color: var(--omc-muted)
}
.omc-live {
  font-size: 9px;
  letter-spacing: 1.2px;
  display: flex;
  align-items: center;
  gap: 7px
}
.omc-live i {
  height: 6px;
  width: 6px;
  background: var(--omc-green);
  border-radius: 50%
}
.omc-heading {
  margin: 48px 0 36px
}
.omc-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px
}
.omc-heading p:not(.omc-eyebrow) {
  color: var(--omc-muted);
  font-size: 16px;
  margin-bottom: 0
}
.omc-eyebrow {
  color: var(--omc-green)!important;
  font-size: 10px!important;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 1.5!important;
  margin: 0 0 15px!important
}
.omc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  border: 1px solid var(--omc-green);
  border-radius: 999px;
  background: var(--omc-green);
  color: var(--omc-tone-inkwhite,#fff);
  padding: 12px 21px;
  font-size: 13px!important;
  font-weight: 600!important;
  white-space: normal;
  text-decoration: none;
  line-height: 1.35;
  min-height: 43px
}
.omc-button:hover {
  background: #115445
}
.omc-secondary {
  color: var(--omc-ink);
  background: transparent;
  border-color: var(--omc-tone-cbd7d7,#cbd7d7)
}
.omc-secondary:hover {
  background: var(--omc-tone-e9f0ed,#e9f0ed)
}
.omc-small {
  padding: 9px 14px;
  font-size: 12px!important;
  min-height: 37px
}
.omc-empty {
  padding: 44px 32px 28px;
  border: 1px solid var(--omc-tone-dce4e2,#dce4e2);
  background: var(--omc-tone-surface,#fff);
  border-radius: 20px;
  text-align: center
}
.omc-empty h2 {
  font-size: 40px!important
}
.omc-empty p:not(.omc-eyebrow) {
  margin: 18px auto 25px;
  max-width: 380px;
  color: var(--omc-muted);
  font-size: 14px
}
.omc-clock-art {
  width: 88px;
  height: 88px;
  border: 1px solid var(--omc-tone-95b6aa,#95b6aa);
  background: var(--omc-mint);
  border-radius: 50%;
  margin: 0 auto 25px;
  position: relative
}
.omc-clock-art:before,.omc-clock-art:after {
  content: '';
  position: absolute;
  background: var(--omc-green);
  border-radius: 5px;
  left: 43px;
  top: 22px;
  width: 2px;
  height: 23px
}
.omc-clock-art:after {
  top: 43px;
  height: 20px;
  transform: rotate(-55deg);
  transform-origin: top
}
.omc-clock-art span {
  position: absolute;
  width: 5px;
  height: 5px;
  left: 42px;
  top: 42px;
  border-radius: 50%;
  background: var(--omc-green)
}
.omc-steps {
  display: flex;
  justify-content: center;
  gap: 45px;
  border-top: 1px solid var(--omc-tone-e5eaea,#e5eaea);
  margin-top: 39px;
  padding-top: 22px;
  font-size: 11px;
  color: var(--omc-muted)
}
.omc-steps b {
  font-size: 9px;
  color: var(--omc-green);
  margin-right: 7px
}
.omc-footer {
  margin-top: 50px;
  border-top: 1px solid var(--omc-tone-dce3e5,#dce3e5);
  padding-top: 22px;
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: var(--omc-muted)
}
.omc-share-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
  gap: 20px
}
.omc-share-card {
  background: var(--omc-tone-surface,#fff);
  border: 1px solid var(--omc-tone-dce3e5,#dce3e5);
  border-radius: 20px;
  padding: 25px;
  text-align: left;
  min-height: 220px;
  transition: border-color .2s,transform .2s
}
.omc-share-card:hover {
  border-color: var(--omc-tone-89b8a7,#89b8a7);
  transform: translateY(-2px)
}
.omc-share-card h2 {
  margin: 24px 0 12px!important;
  overflow-wrap: anywhere
}
.omc-share-card p {
  color: var(--omc-muted);
  font-size: 13px
}
.omc-badge {
  background: var(--omc-mint);
  color: var(--omc-green);
  border-radius: 999px;
  display: inline-block;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 600
}
.omc-card-meta {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--omc-tone-e4e9e9,#e4e9e9);
  padding-top: 15px;
  margin-top: 24px;
  font-size: 11px;
  color: var(--omc-muted)
}
.omc-panel {
  background: var(--omc-tone-surface,white);
  border: 1px solid var(--omc-tone-dce3e5,#dce3e5);
  border-radius: 20px;
  padding: 28px;
  margin-bottom: 22px;
  min-width: 0
}
.omc-muted {
  color: var(--omc-muted);
  font-size: 13px
}
.omc-tiny {
  color: var(--omc-muted);
  font-size: 11px;
  display: block;
  line-height: 1.5;
  overflow-wrap: anywhere
}
.omc-section-title {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px
}
.omc-section-title>.omc-tiny {
  max-width: 140px;
  text-align: right
}
.omc-field {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin: 22px 0
}
.omc-field input,.omc-field select,.omc-field textarea,.omc-week-row input,.omc-week-row select {
  display: block;
  border: 1px solid var(--omc-tone-cdd7db,#cdd7db);
  border-radius: 10px;
  background: var(--omc-tone-surface,#fff);
  color: var(--omc-ink);
  padding: 11px 12px;
  width: 100%;
  margin-top: 8px;
  min-height: 43px
}
.omc-field textarea {
  resize: vertical
}
.omc-field small {
  display: block;
  color: var(--omc-muted);
  font-weight: 400;
  margin-top: 7px;
  font-size: 11px;
  line-height: 1.6
}
.omc-optional {
  font-weight: 400;
  color: var(--omc-muted);
  font-size: 10px;
  margin-left: 7px
}
.omc-week-row {
  display: grid;
  grid-template-columns: minmax(100px,1.15fr) minmax(90px,1fr) 16px minmax(90px,1fr) 28px;
  align-items: center;
  gap: 8px;
  margin: 8px 0
}
.omc-week-row input,.omc-week-row select {
  margin: 0;
  padding: 9px 8px;
  font-size: 12px!important
}
.omc-time-to {
  color: var(--omc-muted);
  font-size: 11px;
  text-align: center
}
.omc-remove {
  border: 0;
  background: none;
  color: var(--omc-muted);
  font-size: 24px!important;
  min-height: 40px
}
.omc-text-button,.omc-back {
  color: var(--omc-green);
  background: none;
  border: 0;
  padding: 10px 0;
  font-size: 12px!important;
  font-weight: 600!important;
  text-align: left
}
.omc-back {
  margin-top: 25px
}
.omc-back+.omc-heading {
  margin-top: 20px
}
.omc-detail-meta {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 22px;
  font-size: 12px;
  color: var(--omc-muted);
  flex-wrap: wrap
}
.omc-detail-grid {
  display: grid;
  grid-template-columns: minmax(0,1.7fr) minmax(250px,1fr);
  gap: 22px
}
.omc-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}
.omc-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px
}
.omc-create-panel {
  max-width: 680px
}
.omc-members {
  margin-top: 24px
}
.omc-member {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--omc-tone-edf0f0,#edf0f0);
  padding: 13px 0;
  font-size: 12px
}
.omc-member:last-child {
  border: 0
}
.omc-member strong {
  font-weight: 600;
  overflow-wrap: anywhere
}
.omc-member small {
  font-weight: 400
}
.omc-ready {
  color: var(--omc-green)
}
.omc-proposal {
  display: flex;
  gap: 17px;
  border-top: 1px solid var(--omc-tone-e1e7e5,#e1e7e5);
  padding: 22px 0
}
.omc-proposal:last-child {
  padding-bottom: 10px
}
.omc-option-index {
  color: var(--omc-green);
  font-size: 11px;
  font-weight: 700;
  padding-top: 5px
}
.omc-proposal p {
  font-size: 12px;
  color: var(--omc-muted);
  margin: 8px 0!important
}
.omc-vote-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px
}
.omc-waiting {
  text-align: center;
  padding: 30px 10px 18px
}
.omc-wait-icon {
  font-size: 42px;
  color: var(--omc-green)
}
.omc-waiting p {
  color: var(--omc-muted);
  font-size: 13px;
  margin: 13px auto!important
}
.omc-confirmed {
  background: var(--omc-mint);
  border: 1px solid var(--omc-tone-b7d1c7,#b7d1c7);
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 25px
}
.omc-notice {
  background: var(--omc-mint);
  border: 1px solid var(--omc-tone-b7d1c7,#b7d1c7);
  border-radius: 10px;
  padding: 15px 19px;
  margin: 22px 0;
  color: var(--omc-green);
  font-size: 13px
}
.omc-notice.is-error {
  background: var(--omc-tone-fff0e9,#fff0e9);
  border-color: var(--omc-tone-e7b69f,#e7b69f);
  color: var(--omc-tone-893f24,#893f24)
}
.omc-loading {
  padding: 80px;
  text-align: center;
  color: var(--omc-muted)
}
.omc-sr {
  position: absolute;
  clip: rect(0,0,0,0);
  height: 1px;
  width: 1px;
  overflow: hidden
}
.omc-invite-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0
}
.omc-pending {
  padding: 12px 0;
  border-top: 1px solid var(--omc-tone-edf0f0,#edf0f0)
}
.omc-pending strong {
  font-size: 12px;
  overflow-wrap: anywhere
}
@media(min-width:1500px) {
.omc-main {
  padding-left: 70px;
  padding-right: 70px
}
}
@media(max-width:1150px) {
.omc-layout {
  grid-template-columns: 210px minmax(0,1fr)
}
.omc-rail {
  padding: 32px 16px
}
.omc-brand {
  font-size: 23px
}
.omc-detail-grid {
  grid-template-columns: 1fr
}
.omc-detail-grid>aside {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px
}
.omc-heading-row {
  align-items: flex-start
}
.omc-main {
  padding-left: 4vw;
  padding-right: 4vw
}
}
@media(max-width:760px) {
.omc-layout {
  display: block
}
.omc-rail {
  position: relative;
  height: auto;
  padding: 20px;
  border-right: 0;
  border-bottom: 1px solid var(--omc-tone-dce3e5,#dce3e5);
  display: block
}
.omc-rail-label,.omc-rail-bottom {
  display: none
}
.omc-rail nav {
  display: flex;
  gap: 5px;
  margin-top: 20px;
  overflow-x: auto
}
.omc-nav {
  width: auto;
  flex-shrink: 0;
  padding: 9px 12px
}
.omc-nav>span:first-child {
  font-size: 18px
}
.omc-count {
  margin-left: 3px
}
.omc-main {
  padding: 0 20px 24px
}
.omc-topline {
  padding: 19px 0
}
.omc-topline>span:first-child {
  font-size: 10px
}
.omc-live {
  font-size: 8px;
  letter-spacing: .6px
}
.omc-heading {
  margin: 32px 0 28px
}
.omc-heading-row {
  display: block
}
.omc-heading-row>.omc-button {
  margin-top: 24px
}
.omc-empty {
  padding: 30px 18px 20px
}
.omc-empty h2 {
  font-size: 34px!important
}
.omc-steps {
  gap: 13px;
  font-size: 10px;
  justify-content: space-between
}
.omc-steps span {
  max-width: 80px
}
.omc-steps b {
  display: block;
  margin-bottom: 4px
}
.omc-panel {
  padding: 22px 18px
}
.omc-detail-grid>aside {
  display: block
}
.omc-section-title {
  display: block
}
.omc-section-title>.omc-tiny {
  text-align: left;
  max-width: none;
  margin-top: 10px
}
.omc-week-row {
  grid-template-columns: minmax(85px,1fr) minmax(75px,1fr) 12px minmax(75px,1fr) 22px;
  gap: 4px
}
.omc-week-row input,.omc-week-row select {
  padding: 8px 3px;
  font-size: 11px!important
}
.omc-form-grid {
  gap: 12px
}
.omc-footer {
  margin-top: 35px
}
.omc-detail-meta {
  gap: 12px
}
.omc-form-actions>.omc-button {
  width: 100%
}
}
@media(prefers-reduced-motion:reduce) {
#omc-app * {
  transition: none!important;
  scroll-behavior: auto!important
}
}
.omc-engine-status {
  font-size: 13px;
  line-height: 1.65;
  color: var(--omc-muted);
  max-width: none!important;
  overflow-wrap: anywhere;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--omc-tone-e1e7e5,#e1e7e5)
}
.omc-main {
  padding-top: 10px
}
.omc-edit-details summary {
  cursor: pointer;
  color: var(--omc-green);
  font-size: 13px;
  font-weight: 600
}
.omc-edit-details[open] summary {
  margin-bottom: 18px
}
.omc-edit-details form {
  max-width: 720px
}
#omc-app button[data-voted="true"]:disabled {
  opacity: 1;
  background: var(--omc-mint);
  color: var(--omc-green);
  border-color: var(--omc-tone-b7d1c7,#b7d1c7);
  cursor: default
}
.omc-ai-intake {
  padding: 0 0 14px;
  border-bottom: 1px solid var(--omc-tone-e1e7e5,#e1e7e5);
  margin-bottom: 24px
}
.omc-ai-intake .omc-tiny {
  margin: 10px 0 0!important;
  max-width: 65ch
}
.omc-window-heading {
  margin-top: 24px
}
.omc-interpret-review p {
  font-size: 13px;
  margin: 10px 0!important
}
.omc-interpret-review ul {
  padding-left: 20px;
  margin: 12px 0
}
.omc-form-actions {
  margin-top: 20px
}
.omc-plan-heading h1 {
  font-size: 36px!important;
  line-height: 1.15!important
}
.omc-plan-heading p {
  font-size: 14px!important
}
.omc-calendar-layout {
  grid-template-columns: minmax(0,2.5fr) minmax(260px,1fr)
}
.omc-calendar-layout .omc-panel h2 {
  font-size: 24px!important
}
.omc-calendar-layout .omc-matching-panel h3 {
  font-size: 18px!important;
  line-height: 1.25!important
}
.omc-calendar-layout .omc-matching-panel .omc-proposal {
  padding: 18px 0
}
.omc-calendar-layout .omc-engine-status {
  font-size: 12px
}
.omc-calendar-layout>aside {
  display: block!important
}
@media(min-width:1200px) {
.omc-main:has(.omc-calendar-layout) {
  padding-left: 32px;
  padding-right: 32px;
  max-width: 1800px
}
.omc-layout:has(.omc-calendar-layout) {
  grid-template-columns: 220px minmax(0,1fr)
}
}
@media(max-width:1100px) {
.omc-calendar-layout {
  grid-template-columns: minmax(0,1fr)
}
.omc-calendar-layout>aside {
  display: grid!important;
  grid-template-columns: 1fr 1fr;
  gap: 20px
}
}
@media(max-width:650px) {
.omc-calendar-layout>aside {
  display: block!important
}
.omc-plan-heading h1 {
  font-size: 29px!important
}
}
.omc-invite-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  list-style: none;
  font-family: 'Trebuchet MS',sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--omc-tone-accenttext,#176B5B)
}
.omc-invite-details summary::-webkit-details-marker {
  display: none
}
.omc-invite-details[open] summary {
  margin-bottom: 18px
}
.omc-invite-details[open] summary span {
  transform: rotate(45deg)
}
.omc-invite-details:not([open]) {
  padding-top: 22px;
  padding-bottom: 22px
}
.omc-main:has(.omc-calendar-layout)>.omc-back {
  margin-top: 12px;
  padding: 6px 0
}
.omc-main:has(.omc-calendar-layout)>.omc-notice {
  margin: 12px 0;
  padding: 10px 16px
}
.omc-main:has(.omc-calendar-layout)>.omc-edit-details {
  padding: 16px 22px;
  margin-bottom: 18px
}
.omc-main:has(.omc-calendar-layout)>.omc-confirmed {
  padding: 20px 24px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap
}
.omc-main:has(.omc-calendar-layout)>.omc-confirmed h2 {
  font-size: 24px
}
.omc-main:has(.omc-calendar-layout)>.omc-confirmed p {
  margin: 0;
  font-size: 14px
}
.omc-main:has(.omc-calendar-layout)>.omc-confirmed .omc-button {
  margin-left: auto
}
.omc-plan-heading {
  margin: 12px 0 20px!important
}
.omc-plan-heading .omc-detail-meta {
  margin-top: 10px
}
.omc-plan-heading p {
  margin-top: 8px!important
}
@media(max-width:650px) {
.omc-main:has(.omc-calendar-layout)>.omc-confirmed {
  display: block
}
.omc-main:has(.omc-calendar-layout)>.omc-confirmed p {
  margin: 12px 0
}
.omc-main:has(.omc-calendar-layout)>.omc-confirmed .omc-button {
  margin-top: 10px
}
}
/* A library beside the current plan. Filtering never remounts the calendar. */
#omc-app .omc-layout.omc-library-open {
  grid-template-columns: 210px 300px minmax(0,1fr)
}
.omc-library[hidden] {
  display: none!important
}
.omc-library {
  height: 100vh;
  position: sticky;
  top: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  background: var(--omc-tone-surface,#FFFFFF);
  padding: 28px 18px 0;
  overflow: hidden
}
.omc-library-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 18px
}
.omc-library-head h2 {
  font-size: 23px!important;
  letter-spacing: -.6px!important
}
.omc-library-close {
  border: 0;
  background: none;
  color: var(--omc-tone-526770,#526770);
  font-size: 28px!important;
  min-width: 36px;
  min-height: 36px;
  line-height: 1
}
.omc-library-new {
  width: 100%;
  margin-bottom: 22px
}
.omc-library-search label,.omc-library-filters label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: var(--omc-tone-526770,#526770)
}
.omc-library input,.omc-library select {
  background: var(--omc-tone-surface,#fff);
  color: var(--omc-tone-172c35,#172C35);
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 10px;
  min-height: 40px;
  padding: 9px;
  width: 100%;
  font-size: 12px!important
}
.omc-library-search input {
  margin-top: 7px
}
.omc-library-filters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 12px
}
.omc-library-filters select {
  margin-top: 6px
}
.omc-library-sort {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  margin-top: 16px;
  padding-bottom: 12px
}
.omc-library-sort>span {
  font-size: 10px;
  color: var(--omc-tone-526770,#526770)
}
.omc-library-sort select {
  min-height: 34px;
  padding: 5px 7px;
  border: 0;
  font-size: 11px!important
}
.omc-library-results {
  overflow: auto;
  flex: 1;
  min-height: 0;
  margin: 0 -18px;
  padding: 8px 12px 20px;
  overscroll-behavior: contain
}
.omc-library-item {
  display: block;
  text-align: left;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  padding: 15px 12px;
  margin: 4px 0;
  color: var(--omc-tone-172c35,#172C35)
}
.omc-library-item:hover {
  background: var(--omc-tone-f4f6f8,#F4F6F8)
}
.omc-library-item.is-current {
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  border-color: var(--omc-tone-d5dfe2,#D5DFE2);
  box-shadow: inset 3px 0 #176B5B
}
.omc-library-item-title {
  display: block;
  font-family: 'Trebuchet MS',sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3
}
.omc-library-item-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  color: var(--omc-tone-526770,#526770);
  line-height: 1.5;
  margin-top: 6px
}
.omc-library-item-meta {
  display: block;
  font-size: 10px;
  color: var(--omc-tone-accenttext,#176B5B);
  font-weight: 600;
  margin-top: 10px
}
.omc-library-item-date {
  display: block;
  font-size: 10px;
  color: var(--omc-tone-526770,#526770);
  margin-top: 4px
}
.omc-library-more {
  width: 100%;
  margin-top: 14px
}
.omc-library-empty {
  padding: 24px 12px;
  font-size: 13px;
  color: var(--omc-tone-526770,#526770)
}
.omc-library-empty strong {
  color: var(--omc-tone-172c35,#172C35)
}
.omc-library-welcome {
  max-width: 750px
}
.omc-library-open .omc-main {
  padding-left: 28px!important;
  padding-right: 28px!important
}
.omc-library-open .omc-calendar-layout {
  grid-template-columns: minmax(0,1fr)
}
.omc-library-open .omc-calendar-layout>aside {
  display: grid!important;
  grid-template-columns: 1fr 1fr;
  gap: 18px
}
.omc-library-open .omc-calendar-layout>aside .omc-panel {
  align-self: start
}
.omc-library-open .omc-calendar-table {
  min-width: 650px
}
@media(min-width:1850px) {
.omc-library-open .omc-calendar-layout {
  grid-template-columns: minmax(0,2.5fr) minmax(250px,1fr)
}
.omc-library-open .omc-calendar-layout>aside {
  display: block!important
}
}
@media(min-width:901px) {
.omc-layout {
  height: 100vh;
  overflow: hidden
}
.omc-layout>.omc-main {
  height: 100vh;
  overflow: auto;
  overscroll-behavior: contain;
  margin: 0;
  max-width: none
}
.omc-layout>.omc-rail {
  height: 100vh;
  overflow: auto
}
.omc-library-open .omc-rail {
  padding-left: 16px;
  padding-right: 16px
}
.omc-library-open .omc-brand {
  font-size: 23px
}
}
@media(max-width:1100px) and (min-width:901px) {
#omc-app .omc-layout.omc-library-open {
  grid-template-columns: 180px 270px minmax(0,1fr)
}
.omc-library-open .omc-brand {
  font-size: 20px
}
.omc-library-open .omc-main {
  padding-left: 18px!important;
  padding-right: 18px!important
}
.omc-library-open .omc-calendar-layout>aside {
  display: block!important
}
}
@media(max-width:900px) {
#omc-app .omc-layout,#omc-app .omc-layout.omc-library-open {
  display: block;
  height: auto;
  overflow: visible
}
.omc-layout>.omc-rail {
  height: auto;
  position: relative;
  padding: 20px
}
.omc-layout .omc-rail-label,.omc-layout .omc-rail-bottom {
  display: none
}
.omc-layout .omc-rail nav {
  display: flex;
  overflow: auto;
  margin-top: 16px
}
.omc-layout .omc-nav {
  width: auto;
  flex-shrink: 0
}
.omc-library {
  position: relative;
  height: min(620px,75vh);
  border-right: 0;
  border-bottom: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  padding-top: 20px
}
.omc-library-head {
  margin-bottom: 10px
}
.omc-library-new {
  margin-bottom: 14px
}
.omc-library-open .omc-main {
  padding-left: 20px!important;
  padding-right: 20px!important
}
.omc-library-open .omc-calendar-layout>aside {
  display: block!important
}
.omc-library-welcome h2 {
  font-size: 30px!important
}
}
.omc-delivery-notice p {
  margin: 8px 0 12px!important;
  font-size: 13px
}
.omc-delivery-notice strong {
  font-size: 13px
}
.omc-mobile-toolbar {
  display: none
}
.omc-home-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 28px 0 22px
}
.omc-home-heading h1 {
  font-size: 32px!important
}
.omc-recent-list {
  display: grid;
  gap: 12px;
  max-width: 850px
}
.omc-recent-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  text-align: left;
  padding: 20px;
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 14px;
  background: var(--omc-tone-surface,#fff);
  color: var(--omc-tone-172c35,#172C35)
}
.omc-recent-item h2 {
  font-size: 23px!important;
  margin-top: 12px!important
}
.omc-recent-item p {
  font-size: 12px;
  color: var(--omc-tone-526770,#526770);
  margin: 8px 0 0!important
}
.omc-home-empty {
  padding: 25px;
  text-align: left
}
.omc-home-empty h2 {
  font-size: 25px!important
}
.omc-home-empty p {
  margin: 12px 0 20px!important
}
.omc-library-search-row {
  display: flex;
  align-items: center;
  gap: 8px
}
.omc-library-search-row .omc-library-search {
  flex: 1;
  min-width: 0
}
.omc-library-search-row input {
  margin-top: 0
}
.omc-description summary {
  font-size: 12px;
  color: var(--omc-tone-526770,#526770);
  cursor: pointer;
  margin-top: 10px
}
.omc-description p {
  font-size: 13px!important;
  margin: 8px 0!important
}
.omc-plan-jumps {
  display: flex;
  gap: 18px;
  margin-top: 8px;
  font-size: 12px
}
.omc-plan-jumps a {
  color: var(--omc-tone-accenttext,#176B5B)!important;
  text-underline-offset: 3px
}
.omc-calendar-help {
  font-size: 12px;
  color: var(--omc-tone-526770,#526770);
  max-width: 440px
}
.omc-calendar-help summary {
  cursor: pointer;
  color: var(--omc-tone-accenttext,#176B5B);
  white-space: nowrap
}
.omc-calendar-help p {
  font-size: 12px!important;
  line-height: 1.5
}
.omc-calendar-zone {
  font-size: 12px!important;
  margin-top: 6px!important
}
.omc-calendar-layout #omc-matches .omc-proposals {
  display: flex;
  gap: 14px;
  flex-wrap: wrap
}
.omc-calendar-layout #omc-matches .omc-proposal {
  flex: 1;
  min-width: 170px
}
.omc-calendar-layout #omc-matches .omc-engine-status {
  padding-bottom: 8px;
  margin: 8px 0
}
.omc-calendar-layout #omc-matches>p.omc-muted {
  font-size: 12px
}
.omc-plan-jumps a,.omc-library-close {
  min-height: 36px;
  display: inline-flex;
  align-items: center
}
@media(max-width:900px) {
.omc-layout .omc-rail {
  padding: 10px 14px!important;
  display: flex!important;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  position: sticky!important;
  top: 0;
  z-index: 8;
  background: var(--omc-tone-surface,#fff)
}
.omc-layout .omc-rail .omc-brand {
  font-size: 21px
}
.omc-layout .omc-rail nav {
  margin: 0!important;
  gap: 3px
}
.omc-layout .omc-rail nav .omc-nav {
  font-size: 11px!important
}
.omc-layout .omc-rail nav a {
  display: none
}
.omc-layout .omc-main {
  padding: 0 14px 20px!important
}
.omc-mobile-toolbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 46px;
  margin: 0
}
.omc-mobile-toolbar>span {
  display: none
}
.omc-icon-create {
  width: 36px;
  height: 36px;
  background: #176B5B;
  border: 0;
  border-radius: 50%;
  color: var(--omc-tone-inkwhite,#fff);
  font-size: 26px!important;
  line-height: 1
}
.omc-home-heading {
  margin: 0 0 16px
}
.omc-home-heading h1 {
  font-size: 26px!important
}
.omc-home-create {
  display: none!important
}
.omc-recent-item {
  padding: 14px
}
.omc-recent-item h2 {
  font-size: 21px!important;
  margin-top: 9px!important
}
.omc-main>.omc-heading {
  margin: 8px 0 14px!important
}
.omc-plan-heading h1 {
  font-size: 25px!important
}
.omc-plan-heading .omc-detail-meta {
  font-size: 10px;
  gap: 8px;
  margin-top: 8px
}
.omc-plan-heading .omc-detail-meta .omc-text-button {
  font-size: 10px!important;
  padding: 3px 0
}
.omc-main>.omc-back {
  margin: 0!important;
  padding: 3px 0!important;
  font-size: 11px!important
}
.omc-main>.omc-edit-details {
  padding: 10px 14px!important;
  margin-bottom: 12px!important
}
.omc-calendar-layout {
  gap: 12px!important
}
.omc-calendar-layout .omc-panel {
  padding: 16px!important;
  margin-bottom: 12px!important
}
.omc-calendar-layout .omc-panel h2 {
  font-size: 21px!important
}
.omc-calendar-layout #omc-matches .omc-proposal {
  min-width: 100%
}
.omc-calendar-layout #omc-matches .omc-proposal h3 {
  font-size: 16px!important
}
.omc-calendar-layout #omc-matches .omc-vote-actions {
  margin-top: 9px
}
.omc-calendar-controls {
  margin-top: 14px;
  padding-top: 12px;
  gap: 10px
}
.omc-calendar-controls label {
  font-size: 11px;
  min-width: 120px;
  flex-basis: auto
}
.omc-calendar-week {
  margin: 16px 0 12px
}
.omc-calendar-key {
  margin-bottom: 10px
}
.omc-calendar-heading {
  display: flex;
  gap: 12px;
  align-items: start
}
.omc-calendar-help {
  max-width: 48%
}
.omc-calendar-help[open] {
  max-width: 100%
}
.omc-calendar-save {
  margin-top: 14px
}
.omc-library-open .omc-main {
  display: none!important
}
.omc-library-open .omc-library {
  height: calc(100dvh - 65px);
  padding: 14px 14px 0
}
.omc-library-filters {
  margin-top: 10px
}
.omc-library-filters select {
  margin-top: 0
}
.omc-library-sort {
  margin-top: 8px;
  padding-bottom: 8px
}
.omc-library-results {
  margin: 0 -14px;
  padding: 4px 10px 20px
}
.omc-library-item {
  padding: 12px 10px;
  margin: 2px 0
}
.omc-library-item-meta {
  margin-top: 6px
}
.omc-footer {
  display: none
}
}
.omc-rail-create {
  display: none
}
@media(max-width:900px) {
.omc-rail-create {
  display: block;
  order: 3;
  flex-shrink: 0
}
.omc-mobile-toolbar {
  display: none
}
.omc-home-heading {
  margin-top: 18px
}
.omc-layout .omc-rail nav {
  margin-left: auto!important
}
.omc-layout .omc-rail .omc-nav>span:first-child {
  display: none
}
}
.omc-library-account {
  display: none
}
@media(max-width:900px) {
.omc-library-account {
  display: block;
  flex-shrink: 0;
  font-size: 12px;
  color: var(--omc-tone-accenttext,#176B5B)!important;
  border-top: 1px solid var(--omc-tone-d5dfe2,#D5DFE2)
}
.omc-rail .omc-count {
  display: none
}
.omc-rail .omc-brand .omc-mark {
  display: none
}
.omc-rail .omc-brand {
  font-size: 20px!important
}
}
.omc-matching-help {
  font-size: 12px;
  color: var(--omc-tone-526770,#526770);
  margin-top: 8px
}
.omc-matching-help summary {
  cursor: pointer;
  color: var(--omc-tone-accenttext,#176B5B)
}
.omc-matching-help p {
  font-size: 12px;
  line-height: 1.5
}
@media(max-width:900px) {
#omc-app .omc-layout>.omc-rail {
  display: flex!important;
  flex-direction: row!important;
  flex-wrap: nowrap!important;
  align-items: center!important;
  justify-content: space-between!important;
  height: 56px!important;
  min-height: 56px!important;
  padding: 8px 14px!important;
  gap: 8px!important
}
#omc-app .omc-rail>.omc-brand {
  flex: 0 1 auto;
  margin: 0!important
}
#omc-app .omc-rail>nav {
  display: flex!important;
  flex: 0 1 auto;
  margin: 0 0 0 auto!important;
  width: auto!important;
  padding: 0!important
}
#omc-app .omc-rail>.omc-rail-create {
  margin: 0!important;
  order: 3;
  flex: 0 0 36px
}
.omc-library-open .omc-library {
  height: calc(100dvh - 56px)!important
}
.omc-calendar-layout #omc-matches .omc-proposal {
  padding: 10px 0
}
.omc-calendar-layout #omc-matches .omc-vote-actions .omc-button {
  min-height: 38px
}
.omc-main>.omc-edit-details {
  margin-top: 12px
}
}
@media(max-width:900px) {
.omc-library-account {
  display: flex;
  justify-content: space-between;
  gap: 16px
}
.omc-library-account a {
  color: var(--omc-tone-accenttext,#176B5B)!important
}
}
.omc-batch-submit {
  border-top: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  padding-top: 12px;
  margin-top: 4px
}
.omc-batch-submit p {
  font-size: 12px;
  color: var(--omc-tone-526770,#526770);
  margin: 0 0 10px!important
}
.omc-vote-actions [aria-pressed="true"] {
  background: #176B5B!important;
  color: var(--omc-tone-inkwhite,#fff)!important;
  border-color: #176B5B!important
}
.omc-vote-actions [data-answer="false"][aria-pressed="true"] {
  background: var(--omc-dark-fill,#172C35)!important;
  border-color: var(--omc-tone-172c35,#172C35)!important
}
.omc-restart-help {
  font-size: 13px;
  color: var(--omc-tone-526770,#526770)
}
.omc-restart-help summary {
  color: var(--omc-tone-accenttext,#176B5B);
  cursor: pointer
}
.omc-icon-create {
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  padding: 0!important;
  width: 44px!important;
  height: 44px!important;
  min-width: 44px!important;
  min-height: 44px!important;
  border-radius: 50%;
  line-height: 1!important
}
.omc-icon-create svg {
  display: block;
  flex-shrink: 0
}
.omc-rail-create {
  display: none!important
}
.omc-calendar-heading {
  display: flex!important;
  align-items: center!important;
  gap: 8px;
  position: relative
}
.omc-calendar-title {
  flex: 1;
  min-width: 0
}
.omc-calendar-heading .omc-calendar-zone {
  font-size: 10px!important;
  color: var(--omc-tone-526770,#526770);
  margin: 0!important;
  max-width: 135px;
  overflow-wrap: anywhere;
  text-align: right
}
.omc-calendar-heading .omc-calendar-help {
  max-width: none;
  font-size: 12px
}
.omc-calendar-help summary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  list-style: none
}
.omc-calendar-help summary::-webkit-details-marker {
  display: none
}
.omc-calendar-help[open] {
  position: absolute;
  z-index: 6;
  top: 0;
  right: 0;
  width: min(360px,100%);
  background: var(--omc-tone-surface,#fff);
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 10px;
  padding: 8px 14px
}
.omc-calendar-help[open] summary {
  justify-content: flex-end
}
.omc-calendar-help p {
  margin: 8px 0!important
}
.omc-create-panel .omc-field {
  margin: 15px 0
}
.omc-create-panel .omc-form-grid {
  gap: 14px
}
.omc-create-panel input,.omc-create-panel select,.omc-create-panel textarea {
  font-size: 14px!important
}
@media(max-width:900px) {
#omc-app .omc-rail>.omc-rail-create {
  display: inline-flex!important;
  flex-basis: 44px!important
}
.omc-layout:has(#omc-create)>.omc-main {
  padding: 0 14px 18px!important
}
.omc-main:has(#omc-create)>.omc-heading {
  margin: 8px 0 12px!important
}
.omc-main:has(#omc-create)>.omc-heading h1 {
  font-size: 27px!important
}
.omc-create-panel {
  padding: 16px!important;
  margin-bottom: 12px!important;
  max-width: none
}
.omc-create-panel .omc-field {
  margin: 12px 0
}
.omc-create-panel .omc-form-grid {
  gap: 10px;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr)
}
.omc-create-panel .omc-form-grid .omc-field {
  min-width: 0
}
.omc-create-panel input,.omc-create-panel select,.omc-create-panel textarea {
  padding: 10px 8px!important;
  font-size: 16px!important;
  min-width: 0;
  min-height: 44px
}
.omc-create-panel .omc-field small {
  font-size: 10px;
  margin-top: 4px
}
.omc-create-panel .omc-field textarea {
  min-height: 64px
}
.omc-create-panel .omc-button[type="submit"] {
  width: 100%;
  margin-top: 10px
}
.omc-calendar-heading h2 {
  font-size: 20px!important
}
.omc-calendar-heading .omc-calendar-zone {
  max-width: 100px;
  font-size: 9px!important
}
.omc-calendar-week {
  margin-top: 12px
}
.omc-matching-panel .omc-proposals {
  gap: 0!important
}
.omc-matching-panel .omc-proposal {
  padding: 10px 0!important
}
.omc-matching-panel .omc-vote-actions {
  gap: 8px
}
.omc-matching-panel .omc-vote-actions .omc-button {
  flex: 1
}
.omc-batch-submit>.omc-button {
  width: 100%
}
}
.omc-matching-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px
}
.omc-batch-submit [hidden] {
  display: none!important
}
@media(min-width:901px) {
#omc-app .omc-rail>.omc-rail-create {
  display: flex!important;
  width: 100%!important;
  min-width: 0!important;
  height: 42px!important;
  border: 1px solid #176B5B;
  border-radius: 999px;
  background: #176B5B;
  color: var(--omc-tone-inkwhite,#fff);
  gap: 7px;
  padding: 0 12px!important
}
.omc-rail-create .omc-create-label {
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap
}
.omc-rail-create svg {
  width: 17px;
  height: 17px
}
.omc-rail:has(.omc-rail-create) .omc-rail-label {
  margin-bottom: 24px
}
}
@media(max-width:900px) {
.omc-rail-create .omc-create-label {
  display: none
}
}
/* Compact plan chrome and mobile calendar workspace. */
.omc-plan-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px
}
.omc-plan-status {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0
}
.omc-plan-topline .omc-back {
  white-space: nowrap;
  margin: 0!important;
  padding: 8px 0!important
}
.omc-refresh-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 50%;
  background: var(--omc-tone-surface,#fff);
  color: var(--omc-tone-accenttext,#176B5B);
  cursor: pointer
}
.omc-refresh-icon.is-pull-ready {
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  border-color: #176B5B
}
.omc-refresh-icon svg {
  display: block
}
.omc-plan-heading .omc-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 12px
}
.omc-vote-actions .omc-button {
  white-space: nowrap!important
}
@media(max-width:900px) {
html.omc-share-view {
  overscroll-behavior-y: contain
}
#omc-app .omc-main:has(.omc-plan-heading) {
  padding: 0 12px 20px!important
}
#omc-app .omc-plan-heading {
  margin: 3px 0 12px!important;
  padding: 0!important
}
#omc-app .omc-plan-heading h1 {
  font-size: 25px!important;
  line-height: 1.15!important;
  margin: 5px 0 8px!important;
  overflow-wrap: anywhere
}
#omc-app .omc-plan-topline .omc-back {
  font-size: 11px!important;
  min-height: 44px
}
#omc-app .omc-plan-status .omc-badge {
  font-size: 9px!important;
  white-space: nowrap;
  padding: 5px 7px
}
#omc-app .omc-plan-heading .omc-detail-meta {
  font-size: 11px!important;
  line-height: 1.4;
  margin: 0!important
}
#omc-app .omc-plan-heading .omc-description {
  font-size: 12px;
  margin: 7px 0 0!important
}
#omc-app .omc-plan-heading .omc-plan-jumps {
  margin: 8px 0 0!important;
  padding: 0!important;
  gap: 14px
}
#omc-app .omc-plan-jumps a {
  font-size: 12px;
  min-height: 32px;
  display: inline-flex;
  align-items: center
}
#omc-app .omc-calendar-layout .omc-calendar-panel {
  margin-left: -10px!important;
  margin-right: -10px!important;
  padding: 12px 2px!important;
  border-radius: 10px!important
}
#omc-app .omc-calendar-heading,#omc-app .omc-calendar-week,#omc-app .omc-calendar-key,#omc-app .omc-calendar-save,#omc-app .omc-cal-feedback {
  margin-left: 8px;
  margin-right: 8px
}
#omc-app .omc-calendar-heading .omc-calendar-zone {
  font-size: 10px!important;
  max-width: 112px
}
#omc-app .omc-calendar-heading h2 {
  font-size: 19px!important
}
#omc-app .omc-calendar-week {
  gap: 8px;
  margin-top: 10px;
  margin-bottom: 10px
}
#omc-app .omc-calendar-week h3 {
  font-size: 14px!important;
  margin: 0!important
}
#omc-app .omc-calendar-week button {
  min-width: 44px;
  min-height: 44px
}
#omc-app .omc-calendar-scroll {
  max-height: min(62dvh,540px);
  border-radius: 7px;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain
}
#omc-app .omc-calendar-table {
  min-width: 570px!important
}
#omc-app .omc-calendar-table th:first-child {
  width: 58px!important;
  font-size: 10px!important
}
#omc-app .omc-calendar-table th,#omc-app .omc-calendar-table td {
  padding: 3px!important
}
#omc-app .omc-calendar-table thead th {
  padding: 8px 3px!important
}
#omc-app .omc-calendar-key {
  gap: 8px;
  font-size: 9px
}
#omc-app .omc-matching-panel .omc-vote-actions {
  display: flex;
  flex-wrap: nowrap!important;
  gap: 6px
}
#omc-app .omc-matching-panel .omc-vote-actions .omc-button {
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px!important;
  font-size: 12px!important;
  padding: 9px 6px!important;
  letter-spacing: 0!important;
  line-height: 1.2!important
}
#omc-app .omc-email-summary {
  display: none
}
}
/* Recent cards can be dismissed without changing group status. */
.omc-recent-card {
  position: relative;
  min-width: 0
}
#omc-app .omc-recent-card .omc-recent-item {
  width: 100%
}
.omc-dismiss-card {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--omc-tone-526770,#526770);
  cursor: pointer
}
.omc-dismiss-card::before {
  content: '';
  position: absolute;
  inset: 6px;
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 50%;
  background: var(--omc-tone-f4f6f8,#F4F6F8)
}
.omc-dismiss-card:hover {
  color: var(--omc-tone-accenttext,#176B5B)
}
.omc-dismiss-card:hover::before {
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  border-color: #176B5B
}
.omc-dismiss-card svg {
  display: block;
  position: relative;
  width: 16px;
  height: 16px
}
#omc-app .omc-recent-card .omc-recent-item {
  padding-right: 64px
}
#omc-app .omc-recent-card .omc-recent-item>span {
  position: absolute;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  color: var(--omc-tone-accenttext,#176B5B);
  font-size: 20px
}
#omc-app .omc-calendar-save [data-cal="save"] {
  min-height: 48px;
  font-size: 14px!important
}
@media(max-width:1100px),(pointer:coarse) {
#omc-app .omc-layout {
  height: auto!important;
  overflow: visible!important
}
#omc-app .omc-layout>.omc-main {
  height: auto!important;
  overflow: visible!important;
  overscroll-behavior: auto!important
}
#omc-app .omc-calendar-scroll {
  max-height: none!important;
  height: auto!important;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior: auto!important;
  touch-action: pan-x pan-y
}
#omc-app .omc-calendar-save {
  display: block;
  padding: 14px 8px 8px;
  margin-top: 14px;
  border-top: 1px solid var(--omc-tone-d5dfe2,#D5DFE2)
}
#omc-app .omc-calendar-save-actions {
  display: flex;
  align-items: stretch;
  width: 100%;
  margin-top: 12px
}
#omc-app .omc-calendar-save [data-cal="save"] {
  width: 100%;
  max-width: none;
  margin: 0
}
#omc-app .omc-calendar-save [data-cal="none"] {
  min-height: 44px;
  padding: 10px;
  text-align: center
}
}
/* One suggestion with optional alternatives and compact accessible responses. */
.omc-choice-panel .omc-choice-intro {
  font-size: 12px!important;
  color: var(--omc-tone-526770,#526770);
  margin: 8px 0 14px!important
}
.omc-choice-help {
  position: relative;
  color: var(--omc-tone-526770,#526770);
  font-size: 12px;
  flex-shrink: 0
}
.omc-choice-help summary {
  list-style: none;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 50%;
  cursor: pointer;
  font-weight: 700
}
.omc-choice-help summary::-webkit-details-marker {
  display: none
}
.omc-choice-help[open] {
  max-width: 280px
}
.omc-choice-panel .omc-match-option {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 8px 12px;
  padding: 16px 0;
  border-top: 1px solid var(--omc-tone-d5dfe2,#D5DFE2)
}
.omc-match-time {
  min-width: 0
}
#omc-app .omc-match-time h3 {
  font-size: 17px!important;
  line-height: 1.3!important;
  letter-spacing: 0
}
.omc-match-hour {
  display: block;
  font-size: 14px;
  color: var(--omc-tone-172c35,#172C35);
  margin: 3px 0
}
.omc-match-time small {
  display: block;
  font-size: 11px;
  color: var(--omc-tone-526770,#526770)
}
.omc-suggestion-label {
  display: block;
  font-size: 10px;
  color: var(--omc-tone-accenttext,#176B5B);
  margin-bottom: 4px
}
.omc-response-icons {
  display: flex;
  align-items: center;
  gap: 6px
}
.omc-response-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 50%;
  background: var(--omc-tone-surface,#FFFFFF);
  color: var(--omc-tone-526770,#526770);
  cursor: pointer
}
.omc-response-icon:hover {
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  color: var(--omc-tone-accenttext,#176B5B)
}
.omc-response-icon[aria-pressed="true"] {
  background: #176B5B;
  color: var(--omc-tone-inkwhite,#FFFFFF);
  border-color: #176B5B
}
.omc-response-icon[data-answer="false"][aria-pressed="true"] {
  background: var(--omc-dark-fill,#172C35);
  color: var(--omc-tone-inkwhite,#FFFFFF);
  border-color: var(--omc-tone-172c35,#172C35)
}
.omc-host-choice {
  grid-column: 1/-1;
  justify-self: start;
  margin-top: 4px
}
.omc-choice-save {
  padding-top: 12px;
  border-top: 1px solid var(--omc-tone-d5dfe2,#D5DFE2)
}
.omc-choice-save p {
  font-size: 12px!important;
  color: var(--omc-tone-526770,#526770);
  margin: 0 0 10px!important
}
.omc-choice-save [hidden] {
  display: none!important
}
.omc-alternatives {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  background: transparent;
  color: var(--omc-tone-accenttext,#176B5B);
  border: 0;
  border-top: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  margin-top: 10px;
  padding: 12px 0;
  font-size: 12px!important;
  text-align: left;
  cursor: pointer
}
.omc-alternatives span {
  font-size: 22px;
  line-height: 1
}
@media(max-width:900px) {
#omc-app .omc-choice-panel {
  padding: 14px!important
}
.omc-choice-panel .omc-match-option {
  gap: 8px;
  padding: 12px 0
}
.omc-response-icons {
  gap: 4px
}
.omc-choice-save>.omc-button {
  width: 100%
}
#omc-app .omc-choice-panel .omc-matching-title h2 {
  font-size: 21px!important
}
}

/* Consistent match rows, with the organizer's final action alongside the time. */
.omc-choice-panel .omc-response-icons {
  display: grid;
  grid-template-columns: 44px 44px;
  gap: 8px;
  align-items: center
}
.omc-choice-panel .omc-response-icon {
  width: 44px;
  height: 44px;
  padding: 0;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 12px
}
.omc-response-icon svg {
  display: block;
  width: 21px;
  height: 21px
}
.omc-choice-panel .omc-host-choice {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  margin: 0;
  min-height: 44px;
  padding: 10px 12px;
  font-size: 12px!important;
  line-height: 1.3;
  text-align: center;
  border-radius: 12px
}
.omc-choice-panel .omc-alternatives {
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 12px;
  padding: 12px;
  margin-top: 14px;
  font-weight: 700;
  font-size: 13px!important
}
.omc-choice-panel .omc-alternatives:hover {
  border-color: #176B5B
}
.omc-choice-save:has(#omc-batch-progress:empty):has(button[hidden]) {
  display: none
}
.omc-choice-panel .omc-match-option.is-host-ready {
  min-height: 84px
}
.omc-choice-panel .omc-proposals {
  display: flex;
  flex-direction: column;
  gap: 0
}
.omc-choice-panel .omc-host-choice {
  width: auto;
  min-width: 116px;
  white-space: nowrap;
  padding: 10px!important
}
#omc-date-calendar,#omc-matches {
  scroll-margin-top: 88px
}
.omc-save-feedback {
  box-sizing: border-box;
  width: calc(100% - 40px);
  max-width: 360px;
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 20px;
  padding: 28px;
  text-align: center;
  background: var(--omc-tone-surface,#FFFFFF);
  color: var(--omc-tone-172c35,#172C35);
  font-family: Arial,sans-serif;
  box-shadow: 0 16px 60px #172c3526
}
.omc-save-feedback::backdrop {
  background: #172c354d;
  backdrop-filter: blur(5px)
}
.omc-feedback-check {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  color: var(--omc-tone-accenttext,#176B5B);
  border-radius: 50%;
  font-size: 24px
}
.omc-save-feedback h2 {
  font-family: Trebuchet MS,Arial,sans-serif;
  font-size: 24px;
  margin: 0 0 12px
}
.omc-save-feedback p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--omc-tone-526770,#526770);
  margin: 0 0 20px
}
.omc-save-feedback .omc-button {
  min-height: 44px
}
.omc-legal-links {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 11px;
  line-height: 1.5
}
.omc-legal-links a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px
}
@media(max-width:1100px) {
.omc-calendar-save.is-dirty {
  position: fixed!important;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 60;
  margin: 0!important;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom))!important;
  background: var(--omc-tone-surface,#FFFFFF);
  border-top: 2px solid #176B5B;
  box-shadow: 0 -6px 24px #172c351f;
  display: flex!important;
  gap: 8px;
  flex-direction: column
}
.omc-calendar-save.is-dirty>div>strong {
  display: none
}
.omc-calendar-save.is-dirty>div>span {
  margin: 0;
  font-size: 12px
}
.omc-calendar-save.is-dirty .omc-calendar-save-actions {
  display: block
}
.omc-calendar-save.is-dirty [data-cal=none] {
  display: none
}
.omc-calendar-save.is-dirty [data-cal=save] {
  width: 100%;
  margin: 0
}
body:has(.omc-calendar-save.is-dirty) {
  padding-bottom: 130px
}
}
.omc-next-step {
  animation: omc-next-step 2.4s ease-out
}
@keyframes omc-next-step {
from {
  box-shadow: 0 0 0 4px #176b5b55
}
to {
  box-shadow: 0 0 0 0 transparent
}
}
@media(prefers-reduced-motion:reduce) {
.omc-next-step {
  animation: none;
  outline: 2px solid #176B5B;
  outline-offset: 3px
}
}
#omc-invite .omc-invite-action-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  scroll-margin: 100px 0;
  outline: none;
  border-radius: 14px
}
#omc-invite .omc-invite-action-row>.omc-button {
  flex: 1;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 12px 8px!important;
  font-size: 13px!important;
  white-space: nowrap
}
#omc-invite .omc-invite-quick {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 12px;
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  color: var(--omc-tone-accenttext,#176B5B);
  font-size: 24px;
  cursor: pointer
}
#omc-invite .omc-invite-quick:focus-visible {
  outline: 2px solid #176B5B;
  outline-offset: 3px
}
.omc-lifecycle-actions {
  display: flex;
  justify-content: center;
  padding: 24px 0 8px
}
.omc-trash-button {
  max-width: 100%;
  border: 1px solid var(--omc-tone-a52a32,#a52a32);
  border-radius: 12px;
  background: var(--omc-tone-a52a32,#a52a32);
  color: var(--omc-tone-inkwhite,#fff);
  font: 700 14px/1.4 Arial,sans-serif;
  cursor: pointer
}
.omc-trash-button.is-armed {
  animation: omc-trash-shake .35s ease-in-out
}
@keyframes omc-trash-shake {
20%,60% {
  transform: translateX(-5px)
}
40%,80% {
  transform: translateX(5px)
}
100% {
  transform: translateX(0)
}
}
@media(prefers-reduced-motion:reduce) {
.omc-trash-button.is-armed {
  animation: none;
  outline: 3px solid #a52a3240;
  outline-offset: 3px
}
}
.omc-pending-status {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--omc-tone-526770,#526770);
  margin: 8px 0
}
.omc-pending-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #176B5B;
  animation: omc-pending-pulse 1.8s ease-in-out infinite
}
@keyframes omc-pending-pulse {
50% {
  opacity: .35
}
}
.omc-person-invite-actions {
  display: flex;
  align-items: center;
  gap: 14px
}
.omc-person-invite-actions button {
  display: inline-flex;
  align-items: center;
  border: 0;
  background: transparent;
  color: var(--omc-tone-accenttext,#176B5B);
  font: 600 13px Arial,sans-serif;
  cursor: pointer
}
.omc-cancel-invite {
  color: var(--omc-tone-a52a32,#a52a32)!important;
  font-size: 12px!important;
  min-height: 36px
}
.omc-trash-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 0;
  color: var(--omc-tone-a52a32,#a52a32);
  font-size: 12px;
  font-weight: 400;
  padding: 10px;
  min-height: 44px
}
.omc-trash-button svg {
  flex: none
}
@media(prefers-reduced-motion:reduce) {
.omc-pending-status i {
  animation: none
}
}
.omc-pending {
  display: grid!important;
  grid-template-columns: minmax(0,1fr) auto;
  column-gap: 12px;
  align-items: start
}
.omc-pending>strong,.omc-pending>.omc-tiny,.omc-pending>.omc-pending-status {
  grid-column: 1;
  overflow-wrap: anywhere
}
.omc-pending>.omc-person-invite-actions {
  grid-column: 2;
  grid-row: 1/4;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-end
}
.omc-person-invite-actions button {
  gap: 4px;
  padding: 0 4px
}
.omc-person-invite-actions svg {
  width: 15px;
  height: 15px
}
.omc-pending>.omc-cancel-invite {
  justify-self: end;
  align-self: end;
  margin: 0;
  font-size: 11px!important;
  white-space: nowrap
}
.omc-pending-status {
  font-size: 11px;
  line-height: 1.5;
  align-items: baseline
}
.omc-pending-status i {
  flex: 0 0 7px
}
.omc-button,.omc-trash-button,.omc-person-invite-actions button {
  white-space: nowrap
}
.omc-focus-muted {
  opacity: .38;
  filter: blur(1.5px);
  transition: opacity .4s ease,filter .4s ease
}
.omc-save-feedback[open] {
  animation: omc-feedback-enter .22s ease-out
}
.omc-feedback-check {
  animation: omc-feedback-check .4s ease-out
}
@keyframes omc-feedback-enter {
from {
  opacity: 0;
  transform: translateY(8px) scale(.98)
}
to {
  opacity: 1;
  transform: none
}
}
@keyframes omc-feedback-check {
from {
  transform: scale(.8)
}
to {
  transform: scale(1)
}
}
.omc-person-invite-actions button {
  font-size: 11px;
  min-height: 36px
}
.omc-pending>.omc-person-invite-actions {
  grid-row: 1/3
}
.omc-pending>.omc-cancel-invite {
  grid-column: 2;
  grid-row: 3;
  min-height: 32px;
  padding: 0 4px!important
}
@media(prefers-reduced-motion:reduce) {
.omc-focus-muted {
  filter: none;
  transition: none;
  opacity: .7
}
.omc-save-feedback[open],.omc-feedback-check {
  animation: none
}
}
.omc-footer {
  display: flex!important;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 20px 0!important;
  font-size: 11px!important
}
.omc-account-links {
  margin: 10px 0
}
.omc-header-account {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 12px;
  color: var(--omc-tone-accenttext,#176B5B)!important
}
.omc-nav svg {
  flex-shrink: 0
}
@media(max-width:900px) {
.omc-layout .omc-rail {
  gap: 6px!important
}
.omc-layout .omc-rail nav {
  order: 1
}
.omc-header-account {
  order: 2
}
.omc-layout .omc-rail nav .omc-nav {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 8px
}
.omc-layout .omc-rail .omc-nav-label,.omc-layout .omc-rail .omc-count {
  display: none!important
}
.omc-layout .omc-rail .omc-brand {
  margin-right: auto
}
.omc-layout .omc-footer {
  display: flex!important
}
}

/* Keep mobile utilities icon-only; desktop retains account navigation. */
@media(max-width:900px) {
.omc-layout .omc-rail nav a.omc-nav {
  display: none!important
}
}
/* Title-first Clockshare cards and compact participant status. */
#omc-app .omc-recent-item h2 {
  margin: 0 0 5px!important;
  overflow-wrap: anywhere
}
#omc-app .omc-recent-status {
  display: block;
  color: var(--omc-tone-526770,#526770)
}
#omc-app .omc-recent-item>div {
  min-width: 0
}
.omc-attendee-heads {
  display: inline-flex;
  align-items: center;
  margin-top: 12px;
  color: var(--omc-tone-526770,#526770);
  font-size: 12px;
  line-height: 1;
  vertical-align: middle
}
.omc-head {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 27px;
  border-radius: 7px
}
.omc-head.is-pending {
  color: var(--omc-tone-9ca8af,#9CA8AF);
  background: var(--omc-tone-f0f2f4,#F0F2F4)
}
.omc-head.is-joined {
  color: var(--omc-tone-526770,#526770);
  background: var(--omc-tone-ebeff1,#EBEFF1)
}
.omc-head.is-positive {
  color: var(--omc-tone-accenttext,#176B5B);
  background: var(--omc-tone-ddefe7,#DDEFE7);
  box-shadow: inset 0 0 0 1px var(--omc-tone-b8d8c9,#B8D8C9)
}
.omc-head-more {
  font-weight: 700;
  color: var(--omc-tone-526770,#526770);
  padding-left: 3px
}
.omc-attendee-heads.is-compact {
  gap: 5px;
  font-size: 12px;
  margin-top: 8px
}
.omc-library-card {
  position: relative;
  border-bottom: 1px solid var(--omc-tone-d5dfe2,#D5DFE2)
}
.omc-library-card .omc-library-item {
  padding-right: 48px;
  width: 100%;
  border-bottom: 0
}
.omc-library-actions>summary {
  position: absolute;
  right: 0;
  top: 3px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  cursor: pointer;
  list-style: none;
  color: var(--omc-tone-526770,#526770);
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: 2px
}
.omc-library-actions>summary::-webkit-details-marker {
  display: none
}
.omc-library-actions[open]>summary {
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  color: var(--omc-tone-accenttext,#176B5B)
}
.omc-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px 4px 12px
}
.omc-quick-action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-width: 46px;
  min-height: 48px;
  padding: 6px;
  background: var(--omc-tone-f4f6f8,#F4F6F8);
  border: 0;
  border-radius: 9px;
  color: var(--omc-tone-526770,#526770);
  cursor: pointer
}
.omc-quick-action span {
  font-size: 10px;
  white-space: nowrap
}
.omc-quick-action.is-danger {
  color: var(--omc-tone-b34136,#B34136);
  background: var(--omc-tone-fff1ee,#FFF1EE)
}
.omc-quick-action:hover,.omc-quick-action:focus-visible {
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  color: var(--omc-tone-accenttext,#176B5B)
}
.omc-library-item-title {
  overflow-wrap: anywhere
}
.omc-library-card .omc-library-item-meta {
  font-size: 11px
}
.omc-library-card .omc-library-item-date {
  font-size: 11px
}
.omc-library-actions summary:focus-visible,.omc-quick-action:focus-visible {
  outline: 2px solid #176B5B;
  outline-offset: 2px
}
.omc-role-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 7px;
  margin: 3px 0 5px;
  border-radius: 6px;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: .02em;
  vertical-align: middle
}
.omc-role-badge.is-host {
  color: var(--omc-tone-accenttext,#176B5B);
  background: var(--omc-tone-e5f0ec,#E5F0EC)
}
.omc-role-badge.is-invited {
  color: var(--omc-tone-526770,#526770);
  background: var(--omc-tone-edf0f3,#EDF0F3)
}
.omc-library-item .omc-role-badge {
  width: fit-content
}
.omc-personal-archive {
  font-size: 12px!important;
  margin-left: 12px;
  min-height: 40px
}
.omc-plan-heading>.omc-role-badge {
  margin-top: 6px
}
.omc-library-feedback {
  font-size: 12px;
  line-height: 1.5;
  color: var(--omc-tone-accenttext,#176B5B);
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  padding: 12px;
  border-radius: 10px;
  margin: 8px 0
}
.omc-maker-credit {
  flex: 0 0 100%;
  width: 100%;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  text-align: center;
  box-sizing: border-box
}
.omc-maker-credit a {
  display: inline-flex!important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-wrap: wrap;
  min-height: 44px;
  color: var(--omc-tone-526770,#526770)!important;
  text-decoration: none!important;
  font: 11px/1.5 Arial,sans-serif!important
}
.omc-maker-credit img {
  display: block!important;
  width: 76px!important;
  height: 38px!important;
  object-fit: contain;
  mix-blend-mode: multiply;
  flex-shrink: 0
}
.omc-maker-credit svg {
  flex-shrink: 0
}
.omc-maker-credit a:hover {
  text-decoration: underline!important
}
.omc-maker-credit a:focus-visible {
  outline: 2px solid #176B5B;
  outline-offset: 4px;
  border-radius: 4px
}
.omc-library>.omc-maker-credit {
  margin: 0;
  padding: 6px 0 12px
}
.omc-public-footer>.omc-maker-credit {
  grid-column: 1/-1
}
@media(max-width:360px) {
.omc-maker-credit a {
  gap: 5px;
  font-size: 10px!important
}
.omc-maker-credit img {
  width: 64px!important;
  height: 32px!important
}
}
.omc-maker-credit {
  order: 99
}
html[data-omc-theme="dark"] {
  color-scheme: dark;
  --omc-tone-f4f6f8: #111c23;
  --omc-tone-172c35: #e7eff2;
  --omc-tone-526770: #afc1c9;
  --omc-tone-e5f0ec: #203d35;
  --omc-tone-dce3e5: #3a505b;
  --omc-tone-surface: #1b2a33;
  --omc-tone-f1f5f3: #21372f;
  --omc-tone-e2e7e8: #354a53;
  --omc-tone-inkwhite: #e7eff2;
  --omc-tone-cbd7d7: #3a505b;
  --omc-tone-e9f0ed: #263f36;
  --omc-tone-dce4e2: #364c43;
  --omc-tone-95b6aa: #81aa99;
  --omc-tone-e5eaea: #2a3c43;
  --omc-tone-89b8a7: #89b8a7;
  --omc-tone-e4e9e9: #30434b;
  --omc-tone-cdd7db: #3a505b;
  --omc-tone-edf0f0: #24333c;
  --omc-tone-e1e7e5: #30483f;
  --omc-tone-b7d1c7: #476d5b;
  --omc-tone-fff0e9: #432b24;
  --omc-tone-e7b69f: #94694e;
  --omc-tone-893f24: #efb08f;
  --omc-tone-accenttext: #83d4b5;
  --omc-tone-d5dfe2: #3a505b;
  --omc-tone-a52a32: #ee9ca1;
  --omc-tone-9ca8af: #84949d;
  --omc-tone-f0f2f4: #28343e;
  --omc-tone-ebeff1: #2a3b45;
  --omc-tone-ddefe7: #24493b;
  --omc-tone-b8d8c9: #527c67;
  --omc-tone-b34136: #f29b91;
  --omc-tone-fff1ee: #452a2b;
  --omc-tone-edf0f3: #2a3b45;
  --omc-tone-9d3029: #f29b91;
  --omc-tone-fff0ed: #452a2b;
  background: #111c23;
  color: #e7eff2
}
html[data-omc-theme="light"] {
  color-scheme: light
}
html[data-omc-theme="dark"] .omc-maker-credit img {
  mix-blend-mode: screen;
  filter: invert(1) grayscale(1)
}
html[data-omc-theme="dark"] input::placeholder,html[data-omc-theme="dark"] textarea::placeholder {
  color: #9fb0b9;
  opacity: 1
}
.omc-appearance-card {
  margin-top: 24px
}
.omc-appearance-card h2 {
  font-size: 24px;
  margin: 0 0 18px
}
.omc-appearance-options {
  border: 0;
  padding: 0;
  margin: 0 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px
}
.omc-appearance-options label {
  position: relative;
  margin: 0!important
}
.omc-appearance-options input {
  position: absolute;
  opacity: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer
}
.omc-appearance-options span {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 62px;
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 12px;
  color: var(--omc-tone-526770,#526770);
  background: var(--omc-tone-f4f6f8,#F4F6F8)
}
.omc-appearance-options b {
  font-size: 24px;
  font-weight: 400
}
.omc-appearance-options input:checked+span {
  border: 2px solid var(--omc-tone-accenttext,#176B5B);
  color: var(--omc-tone-accenttext,#176B5B);
  background: var(--omc-tone-e5f0ec,#E5F0EC)
}
.omc-appearance-options input:focus-visible+span {
  outline: 2px solid var(--omc-tone-accenttext,#176B5B);
  outline-offset: 3px
}
html[data-omc-theme="dark"] {
  --omc-dark-fill: #31505b
}
html[data-omc-theme="dark"] .omc-cal-cell.is-common {
  background: #315d50;
  color: #fff
}
.omc-recent-trash {
  color: #a43d36
}
.omc-dismiss-card.is-armed {
  background: #a43d36;
  color: #fff
}
.omc-recent-confirm {
  font-size: 12px;
  color: var(--omc-tone-accenttext,#176B5B);
  margin: 0 18px 12px
}
.omc-saved-invitees select {
  width: 100%;
  min-width: 0
}
.omc-detect-zone {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  border: 0;
  background: transparent;
  color: var(--omc-tone-accenttext,#176B5B);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
  padding: 6px 0;
  text-align: left
}
.omc-trashed-state {
  max-width: 560px;
  margin: 30px auto
}
.omc-trashed-state h1 {
  font-size: 28px
}
.omc-trashed-state p {
  color: var(--omc-tone-526770,#526770)
}
.omc-dismiss-card.is-armed::before,.omc-dismiss-card.is-armed:hover::before {
  background: #a43d36;
  border-color: #a43d36
}
.omc-dismiss-card.is-armed:hover {
  color: #fff
}
#omc-app .omc-recent-item .omc-recent-confirm {
  color: var(--omc-tone-9d3029,#9d3029);
  font-size: 12px;
  margin-top: 10px!important
}

/* Compact confirmations and keyboard-aware library. */
.omc-recent-confirm,.omc-trash-tooltip {
  position: absolute;
  z-index: 20;
  right: 8px;
  top: 52px;
  max-width: 210px;
  margin: 0!important;
  padding: 9px 12px;
  border-radius: 9px;
  background: var(--omc-tone-172c35,#172C35);
  color: var(--omc-tone-surface,#fff);
  font-size: 12px;
  line-height: 1.4;
  box-shadow: 0 5px 20px #0002;
  pointer-events: none
}
.omc-top-trash {
  position: relative;
  display: inline-flex
}
.omc-top-trash .omc-trash-button {
  width: 40px;
  height: 40px;
  padding: 0;
  display: grid;
  place-items: center
}
.omc-top-trash .omc-trash-tooltip {
  top: 44px;
  right: 0;
  width: 170px
}
.omc-plan-status {
  position: relative
}
.omc-notice:not(.is-error) {
  color: var(--omc-tone-accenttext,#176B5B);
  background: var(--omc-tone-e5f0ec,#E5F0EC)
}
.omc-share-key {
  font-family: monospace;
  font-size: 11px
}
.omc-zone-auto {
  font-size: 11px;
  color: var(--omc-tone-526770,#526770)
}
@media(max-width:900px) {
#omc-app .omc-header-account,#omc-app .omc-rail .omc-nav[data-action="shares"] {
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 12px;
  background: var(--omc-tone-surface,#fff);
  color: var(--omc-tone-accenttext,#176B5B);
  display: grid;
  place-items: center
}
#omc-app .omc-library-open .omc-library {
  height: calc(var(--omc-visible-height,100dvh) - 56px)!important;
  min-height: 210px;
  display: flex;
  overflow: hidden
}
.omc-library-search-row,.omc-library-filters,.omc-library-sort {
  flex-shrink: 0
}
.omc-library-results {
  flex: 1 1 auto;
  min-height: 100px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}
.omc-library-account {
  padding: 8px 0
}
.omc-library>.omc-maker-credit {
  display: none
}
.omc-keyboard-open .omc-library-account {
  display: none
}
.omc-library input[type=search] {
  font-size: 16px!important
}
}

/* Theme-aware clock loader and gentle workspace transitions. */
.omc-loading-screen {
  position: fixed;
  inset: 0;
  z-index: 9990;
  display: grid;
  place-items: center;
  min-height: 100dvh;
  background: var(--omc-tone-f4f6f8,#F4F6F8);
  color: var(--omc-tone-172c35,#172C35);
  opacity: 1
}
.omc-loading-content {
  text-align: center;
  padding: 24px
}
.omc-loading-clock {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 22px;
  color: var(--omc-tone-accenttext,#176B5B)
}
.omc-loading-clock svg {
  width: 100%;
  height: 100%
}
.omc-loading-orbit {
  transform-origin: 32px 32px;
  animation: omc-clock-spin 1.6s linear infinite
}
.omc-loading-content strong {
  font-family: 'Trebuchet MS',sans-serif;
  font-size: 25px;
  letter-spacing: -.7px
}
.omc-loading-content strong span {
  color: var(--omc-tone-accenttext,#176B5B)
}
.omc-loading-content p {
  font-size: 13px;
  margin: 10px 0 22px;
  color: var(--omc-tone-526770,#526770)
}
.omc-loading-track {
  display: block;
  position: relative;
  overflow: hidden;
  width: 110px;
  height: 3px;
  border-radius: 4px;
  margin: auto;
  background: var(--omc-tone-d5dfe2,#D5DFE2)
}
.omc-loading-track:after {
  content: '';
  position: absolute;
  width: 40%;
  height: 100%;
  background: var(--omc-tone-accenttext,#176B5B);
  border-radius: 4px;
  animation: omc-clock-progress 1.6s ease-in-out infinite
}
.omc-loading-screen.is-leaving {
  pointer-events: none;
  animation: omc-loading-away .32s ease forwards
}
#omc-app .omc-main {
  animation: omc-page-arrive .24s ease both
}
@keyframes omc-clock-spin {
to {
  transform: rotate(360deg)
}
}
@keyframes omc-clock-progress {
0% {
  left: -40%
}
100% {
  left: 100%
}
}
@keyframes omc-loading-away {
to {
  opacity: 0
}
}
@keyframes omc-page-arrive {
from {
  opacity: 0
}
to {
  opacity: 1
}
}
@view-transition {navigation:auto
}
::view-transition-old(root),::view-transition-new(root) {
  animation-duration: .22s
}
@media(prefers-reduced-motion:reduce) {
.omc-loading-orbit,.omc-loading-track:after,#omc-app .omc-main {
  animation: none
}
.omc-loading-screen.is-leaving {
  animation: none;
  opacity: 0
}
::view-transition-old(root),::view-transition-new(root) {
  animation-duration: 0s
}
}

/* Status and text actions retain contrast in either appearance mode. */
#omc-app .omc-badge {
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  color: var(--omc-tone-accenttext,#176B5B);
  border: 1px solid var(--omc-tone-b7d1c7,#b7d1c7)
}
html[data-omc-theme="dark"] #omc-app .omc-text-button,html[data-omc-theme="dark"] #omc-app .omc-back,html[data-omc-theme="dark"] #omc-app .omc-ready,html[data-omc-theme="dark"] #omc-app .omc-edit-details summary {
  color: var(--omc-tone-accenttext,#8bd6bd)
}

/* Consistent participant rows and visible disclosure actions. */
#omc-people .omc-member {
  gap: 10px;
  padding: 14px 0;
  font-size: 12px
}
#omc-people .omc-avatar {
  width: 34px;
  height: 34px;
  min-width: 34px;
  font-size: 13px
}
#omc-people .omc-member .omc-tiny {
  font-size: 11px;
  margin-top: 4px
}
#omc-people .omc-person-row {
  grid-template-columns: 34px minmax(0,1fr) auto;
  gap: 0 10px;
  padding: 14px 0;
  align-items: start
}
.omc-person-row>.omc-pending-avatar {
  grid-column: 1;
  grid-row: 1/3;
  background: var(--omc-tone-f4f6f8,#F4F6F8);
  color: var(--omc-tone-526770,#526770);
  border: 1px dashed var(--omc-tone-d5dfe2,#D5DFE2)
}
.omc-person-info {
  grid-column: 2;
  grid-row: 1/3;
  min-width: 0
}
.omc-person-info strong {
  font-size: 12px;
  display: block;
  line-height: 1.5
}
.omc-person-info>.omc-tiny {
  font-size: 10px;
  margin-top: 3px;
  overflow-wrap: anywhere
}
.omc-person-info .omc-pending-status {
  font-size: 11px;
  margin: 5px 0 0;
  gap: 5px;
  color: #885f12
}
.omc-person-info .omc-pending-status>span {
  font-size: 15px;
  line-height: 1
}
.omc-person-row>.omc-person-invite-actions {
  grid-column: 3;
  grid-row: 1;
  flex-direction: row;
  gap: 2px;
  align-items: center
}
.omc-person-row .omc-person-invite-actions button {
  font-size: 10px;
  min-height: 34px;
  padding: 0 3px;
  gap: 3px
}
.omc-person-row .omc-person-invite-actions svg {
  width: 13px;
  height: 13px
}
.omc-person-row>.omc-cancel-invite {
  grid-column: 3;
  grid-row: 2;
  font-size: 10px!important;
  min-height: 30px
}
html[data-omc-theme="dark"] .omc-person-info .omc-pending-status {
  color: #edca7b
}
#omc-app .omc-invite-details>summary,#omc-app .omc-edit-details>summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  font-size: 17px;
  font-weight: 700;
  list-style: none;
  color: var(--omc-tone-accenttext,#176B5B);
  cursor: pointer
}
#omc-app .omc-invite-details,#omc-app .omc-edit-details {
  border-color: var(--omc-tone-b7d1c7,#b7d1c7)
}
.omc-disclosure-label {
  display: inline-flex;
  align-items: center;
  gap: 10px
}
.omc-disclosure-icon {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  font-size: 22px;
  padding: 5px
}
.omc-invite-details[open]>summary span {
  transform: none
}
.omc-disclosure-chevron {
  font-size: 20px
}
.omc-invite-details[open]>summary>.omc-disclosure-chevron,.omc-edit-details[open]>summary>.omc-disclosure-chevron {
  transform: rotate(180deg)
}
@media(max-width:360px) {
.omc-person-row>.omc-person-invite-actions {
  flex-direction: column
}
.omc-person-row .omc-person-invite-actions button {
  min-height: 30px
}
}
.omc-joined-controls {
  border-top: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  font-size: 11px;
  margin-top: 10px;
  padding-top: 8px
}
.omc-joined-controls summary {
  cursor: pointer;
  min-height: 36px;
  align-content: center;
  color: var(--omc-tone-526770,#526770)
}
.omc-joined-controls>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px
}
#omc-people .omc-person-invite-actions button {
  font-size: 11px!important;
  min-height: 36px
}
#omc-people .omc-member>.omc-avatar {
  color: var(--omc-tone-accenttext,#176B5B)
}

/* Reusable join-link actions, separate from private per-person invites. */
#omc-app .omc-copy-plan-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 40px;
  padding: 4px 8px;
  background: transparent;
  border: 0;
  color: var(--omc-tone-accenttext,#176B5B);
  font-size: 11px!important;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer
}
.omc-copy-plan-link svg {
  width: 15px;
  height: 15px
}
.omc-recent-card>.omc-copy-plan-link {
  position: absolute;
  right: 10px;
  bottom: 6px
}
#omc-app .omc-recent-card:has(>.omc-copy-plan-link) .omc-recent-item {
  padding-bottom: 50px
}
.omc-library-card>.omc-library-copy {
  display: flex!important;
  margin: 0 2px 6px auto
}
.omc-plan-link-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  align-items: center;
  padding: 8px 0 14px;
  border-bottom: 1px solid var(--omc-tone-d5dfe2,#D5DFE2)
}
.omc-plan-link-tools small {
  flex-basis: 100%;
  font-size: 11px;
  color: var(--omc-tone-526770,#526770)
}
.omc-plan-link-tools .omc-text-button {
  font-size: 11px!important;
  margin-left: auto
}
.omc-document .omc-share-join {
  margin: 28px auto 48px;
  max-width: 520px
}
.omc-share-join h1 {
  font-size: 28px!important;
  line-height: 1.15;
  margin: 0 0 16px
}
.omc-share-join>p {
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere
}
.omc-share-join form .omc-pill {
  width: 100%;
  margin-top: 14px
}
.omc-share-join form>p {
  font-size: 11px;
  color: var(--omc-tone-526770,#526770)
}
.omc-share-join label+label {
  margin-top: 16px
}
@media(max-width:600px) {
.omc-document .omc-share-join {
  padding: 22px 18px;
  margin-top: 20px
}
.omc-share-join h1 {
  font-size: 25px!important
}
}

/* Keep the share shortcut beside the plan navigation without covering calendar controls. */
#omc-app .omc-plan-jumps {
  align-items: center;
  flex-wrap: wrap
}
#omc-app .omc-plan-jumps .omc-detail-share {
  margin-left: auto;
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 24px;
  padding: 6px 12px;
  min-height: 40px;
  background: transparent
}
#omc-app .omc-detail-share .omc-native-share-icon {
  display: none
}
@media(max-width:1024px),(pointer:coarse) {
#omc-app .omc-detail-share>svg:first-child {
  display: none
}
#omc-app .omc-detail-share .omc-native-share-icon {
  display: inline-block
}
}

/* Compact single-plan heading and a quiet status halo in both themes. */
#omc-app .omc-plan-heading h1 {
  margin-bottom: 8px
}
#omc-app .omc-plan-heading .omc-detail-meta {
  margin-top: 6px;
  margin-bottom: 6px
}
#omc-app .omc-current-status {
  border: 1px solid var(--omc-tone-accenttext,#176B5B);
  box-shadow: 0 0 0 3px rgba(67,179,145,.1),0 0 12px rgba(67,179,145,.15)
}
#omc-app .omc-nudge {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 18px;
  background: transparent;
  color: var(--omc-tone-accenttext,#176B5B);
  font-size: 11px!important;
  white-space: nowrap;
  padding: 6px 9px;
  min-height: 36px;
  cursor: pointer
}
#omc-app .omc-nudge:disabled {
  opacity: .65;
  cursor: default
}
#omc-app .omc-member:has(.omc-nudge) {
  flex-wrap: wrap
}
#omc-app .omc-nudge-feedback {
  flex-basis: 100%;
  font-size: 11px;
  line-height: 1.4;
  color: var(--omc-tone-accenttext,#176B5B)
}

/* Dense plan cards keep lifecycle timing readable alongside the plan details. */
#omc-app .omc-recent-item,#omc-app .omc-recent-card:has(>.omc-copy-plan-link) .omc-recent-item {
  padding: 13px 42px 12px 14px;
  min-height: 0
}
#omc-app .omc-recent-item h2 {
  font-size: 18px;
  margin: 0 0 5px;
  line-height: 1.2
}
#omc-app .omc-recent-item .omc-role-badge {
  display: inline-flex;
  margin: 0 6px 0 0
}
#omc-app .omc-recent-status {
  display: inline;
  font-size: 10px;
  line-height: 1.5
}
#omc-app .omc-card-timing {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 12px;
  margin-top: 7px;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--omc-tone-526770,#526770)
}
#omc-app .omc-card-timing>span {
  white-space: nowrap
}
#omc-app .omc-recent-card>.omc-copy-plan-link {
  display: flex
}
#omc-app .omc-recent-card:has(>.omc-copy-plan-link) .omc-recent-item>span {
  top: 52px;
  bottom: auto
}
#omc-app .omc-library-item .omc-card-timing {
  margin-top: 5px
}
#omc-app .omc-recent-card .omc-recent-item {
  padding-bottom: 12px
}
#omc-app .omc-recent-item h2 {
  font-size: 18px!important
}
#omc-app .omc-recent-item .omc-card-timing {
  padding-right: 55px;
  gap: 2px 10px
}
#omc-app .omc-recent-card>.omc-copy-plan-link {
  position: absolute;
  right: 7px;
  bottom: 6px;
  margin: 0;
  min-height: 36px
}
.omc-calendar-dialog {
  box-sizing: border-box;
  width: min(420px,calc(100vw - 32px));
  max-height: 85dvh;
  overflow: auto;
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 20px;
  padding: 26px;
  background: var(--omc-tone-surface,#fff);
  color: var(--omc-tone-172c35,#172C35);
  box-shadow: 0 18px 70px #0005
}
.omc-calendar-dialog::backdrop {
  background: #10232b80;
  backdrop-filter: blur(4px)
}
.omc-calendar-dialog h2 {
  font-size: 22px;
  margin: 0 28px 10px 0
}
.omc-calendar-dialog p {
  font-size: 13px;
  line-height: 1.5
}
.omc-calendar-dialog small {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 14px;
  color: var(--omc-tone-526770,#526770)
}
.omc-calendar-close {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 26px;
  width: 40px;
  height: 40px;
  cursor: pointer
}
.omc-calendar-options {
  display: grid;
  gap: 8px;
  margin: 20px 0 12px
}
.omc-calendar-options a {
  border: 1px solid var(--omc-tone-d5dfe2,#D5DFE2);
  border-radius: 12px;
  padding: 14px;
  color: var(--omc-tone-accenttext,#176B5B);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap
}
.omc-calendar-copy {
  background: transparent;
  border: 0;
  padding: 10px 0;
  color: var(--omc-tone-accenttext,#176B5B);
  font-size: 12px;
  cursor: pointer
}

/* Participant activity, independent of the viewer's own edits. */
.omc-recent-card.has-external-update,.omc-library-card.has-external-update {
  border-color: var(--omc-tone-accenttext,#176b5b);
  box-shadow: inset 3px 0 var(--omc-tone-accenttext,#176b5b)
}
.omc-activity-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  font-size: 11px;
  font-weight: 650;
  color: var(--omc-tone-accenttext,#176b5b);
  background: var(--omc-tone-e5f0ec,#e5f0ec);
  padding: 3px 7px;
  border-radius: 20px;
  margin: 3px 4px 3px 0;
  overflow-wrap: anywhere
}
.omc-head {
  position: relative;
  overflow: visible!important
}
.omc-host-star {
  position: absolute;
  right: -3px;
  bottom: -3px;
  line-height: 12px;
  color: var(--omc-tone-accenttext,#176b5b);
  background: var(--omc-tone-surface,#fff);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  text-align: center
}
.omc-head.has-update,.omc-head-more.has-update {
  outline: 2px solid var(--omc-tone-accenttext,#176b5b);
  outline-offset: 2px;
  box-shadow: 0 0 10px var(--omc-tone-accenttext,#176b5b);
  animation: omc-person-update 2s ease-in-out 3
}
.omc-attendee-heads.is-compact .omc-head {
  width: 23px;
  height: 23px
}
.omc-attendee-heads.is-compact .omc-head svg {
  width: 14px;
  height: 14px
}
.omc-attendee-heads {
  gap: 6px;
  padding: 4px 0
}
@keyframes omc-person-update {
50% {
  box-shadow: 0 0 3px var(--omc-tone-accenttext,#176b5b)
}
}
@media(prefers-reduced-motion:reduce) {
.omc-head.has-update,.omc-head-more.has-update {
  animation: none
}
}
#omc-app .omc-activity-badge {
  display: flex;
  width: fit-content;
  margin: 6px 0;
  line-height: 1.4
}
#omc-app .has-external-update .omc-recent-status {
  display: block
}

/* Invitee completion badges complement the host star and unread glow. */
.omc-person-marker {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 13px;
  height: 13px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--omc-tone-surface,#fff);
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  box-shadow: 0 0 0 1px var(--omc-tone-surface,#fff)
}
.omc-person-marker.is-shared {
  color: #157347
}
.omc-person-marker.is-awaiting {
  color: #a94e08
}
.omc-head.is-shared {
  color: #157347;
  background: #e6f3eb
}
.omc-head.is-awaiting {
  color: #a94e08;
  background: #fff0df
}
[data-omc-theme=dark] .omc-person-marker.is-shared,[data-omc-theme=dark] .omc-head.is-shared {
  color: #8fe2b0
}
[data-omc-theme=dark] .omc-head.is-shared {
  background: #193b2a
}
[data-omc-theme=dark] .omc-person-marker.is-awaiting,[data-omc-theme=dark] .omc-head.is-awaiting {
  color: #ffc17e
}
[data-omc-theme=dark] .omc-head.is-awaiting {
  background: #44301e
}
.omc-attendee-heads .omc-person-marker svg {
  width: 11px;
  height: 11px
}

/* Equal visual weight for host, shared and pending corner markers. */
.omc-host-star,.omc-person-marker {
  width: 12px;
  height: 12px;
  right: -3px;
  bottom: -3px;
  display: grid;
  place-items: center;
  line-height: 1
}
.omc-person-marker.is-shared {
  font-size: 9px
}
.omc-attendee-heads .omc-person-marker.is-awaiting svg {
  width: 10px;
  height: 10px
}

/* Real availability progress, with a quiet fill behind readable text. */
#omc-app .omc-availability-progress {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: min(100%,250px);
  box-sizing: border-box;
  min-height: 28px;
  margin: 8px 0 7px;
  padding: 5px 9px;
  border: 1px solid var(--omc-tone-d5dfe2,#d5dfe2);
  border-radius: 8px;
  background: #f0f5f3;
  color: #264b40;
  overflow: hidden;
  font-size: 10px;
  line-height: 1.5
}
#omc-app .omc-progress-fill {
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 0;
  background: linear-gradient(90deg,#d4e9de,#b9decc);
  border-right: 1px solid #75b795;
  transition: width .55s ease
}
#omc-app .omc-progress-label {
  font-weight: 600;
  white-space: nowrap
}
#omc-app .omc-progress-count {
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  opacity: .85
}
#omc-app .omc-availability-progress.is-complete {
  border-color: #79b997
}
[data-omc-theme=dark] #omc-app .omc-availability-progress {
  background: #162c2a;
  color: #d8f1e8;
  border-color: #36534c
}
[data-omc-theme=dark] #omc-app .omc-progress-fill {
  background: linear-gradient(90deg,#244c40,#33634f);
  border-color: #6cb391
}
[data-omc-theme=dark] #omc-app .omc-availability-progress.is-complete {
  border-color: #6cb391
}
@media(prefers-reduced-motion:reduce) {
#omc-app .omc-progress-fill {
  transition: none
}
}

/* Compact plan cards: one content area and a stable action row. */
.omc-host-star {
  font-size: 12px
}
#omc-app .omc-recent-card .omc-recent-item {
  padding: 13px 40px 7px 14px;
  min-height: 0;
  height: auto
}
#omc-app .omc-recent-card .omc-recent-item>span {
  top: 10px;
  right: 5px;
  bottom: auto
}
#omc-app .omc-card-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px 12px;
  margin-top: 5px
}
#omc-app .omc-card-summary .omc-attendee-heads {
  margin-top: 0
}
#omc-app .omc-card-summary .omc-card-timing {
  padding-right: 0;
  margin-top: 0;
  gap: 2px 8px;
  font-size: 9px
}
#omc-app .omc-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  padding: 0 7px 3px;
  border-top: 1px solid var(--omc-tone-d5dfe2,#d5dfe2);
  margin: 0 12px
}
#omc-app .omc-card-actions .omc-dismiss-card {
  position: relative;
  inset: auto;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  min-height: 40px;
  margin: 0
}
#omc-app .omc-card-actions .omc-copy-plan-link {
  position: static;
  margin: 0;
  min-height: 40px;
  padding: 4px 8px
}
#omc-app .omc-recent-item p {
  margin: 4px 0;
  font-size: 11px
}
#omc-app .omc-library-item .omc-attendee-heads {
  margin-top: 5px
}
#omc-app .omc-recent-card {
  border: 1px solid var(--omc-tone-d5dfe2,#d5dfe2);
  border-radius: 14px;
  background: var(--omc-tone-surface,#fff)
}
#omc-app .omc-recent-card .omc-recent-item {
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 14px 14px 0 0
}
#omc-app .omc-recent-card.has-external-update {
  border-color: var(--omc-tone-accenttext,#176b5b)
}

/* FocusRecord walkthrough: readable workspace rail and branded scroll areas. */
html:has(#omc-app) {
  scrollbar-color: var(--omc-tone-accenttext,#176B5B) var(--omc-tone-f4f6f8,#F4F6F8)
}
#omc-app :is(.omc-rail,.omc-library-results,.omc-calendar-scroll) {
  scrollbar-width: thin;
  scrollbar-color: var(--omc-tone-accenttext,#176B5B) var(--omc-tone-e5f0ec,#E5F0EC)
}
#omc-app :is(.omc-rail,.omc-library-results,.omc-calendar-scroll)::-webkit-scrollbar {
  width: 8px;
  height: 8px
}
#omc-app :is(.omc-rail,.omc-library-results,.omc-calendar-scroll)::-webkit-scrollbar-track {
  background: var(--omc-tone-e5f0ec,#E5F0EC);
  border-radius: 10px
}
#omc-app :is(.omc-rail,.omc-library-results,.omc-calendar-scroll)::-webkit-scrollbar-thumb {
  background: var(--omc-tone-accenttext,#176B5B);
  border-radius: 10px;
  border: 2px solid var(--omc-tone-e5f0ec,#E5F0EC)
}
#omc-app .omc-library>.omc-maker-credit {
  flex: 0 0 auto
}
#omc-app .omc-library-results {
  flex: 1 1 0;
  min-height: 0;
  scrollbar-gutter: stable
}
#omc-app :is(.omc-library-search-row,.omc-library-filters,.omc-library-sort,.omc-library-account) {
  flex-shrink: 0
}
#omc-app .omc-rail-account {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 44px;
  text-decoration: none;
  border-radius: 10px
}
#omc-app .omc-rail-identity {
  min-width: 0;
  display: grid;
  gap: 4px
}
#omc-app .omc-rail-identity strong {
  overflow-wrap: anywhere;
  font-size: 12px;
  color: var(--omc-ink)
}
#omc-app .omc-rail-identity>span {
  color: var(--omc-tone-accenttext,#176B5B);
  font-size: 12px
}
#omc-app .omc-rail-account:hover {
  background: var(--omc-mint)
}
#omc-app .omc-rail-signout {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding-left: 44px
}
@media(min-width:901px) {
#omc-app .omc-layout>.omc-rail {
  height: 100dvh;
  padding-top: 32px;
  padding-bottom: 16px;
  gap: 0
}
#omc-app .omc-rail>.omc-brand {
  order: 0;
  flex-shrink: 0
}
#omc-app .omc-rail>.omc-rail-label {
  order: 1;
  margin: 8px 0 24px;
  letter-spacing: 1px;
  flex-shrink: 0
}
#omc-app .omc-rail>.omc-rail-create {
  order: 2;
  margin: 0;
  min-height: 44px!important;
  flex-shrink: 0
}
#omc-app .omc-rail>.omc-header-account {
  display: none
}
#omc-app .omc-rail>nav {
  order: 3;
  margin: 16px 0 8px;
  gap: 8px;
  flex-shrink: 0
}
#omc-app .omc-rail .omc-nav {
  min-height: 44px;
  padding: 8px;
  gap: 8px
}
#omc-app .omc-rail>.omc-header-notify {
  order: 4;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  text-align: left;
  font-size: 13px
}
#omc-app .omc-rail>.omc-header-notify::after {
  content: "Notifications"
}
#omc-app .omc-rail>.omc-header-notify:hover {
  background: var(--omc-mint)
}
#omc-app .omc-rail>.omc-rail-bottom {
  order: 5;
  display: block;
  margin-top: auto;
  padding-top: 16px;
  flex-shrink: 0
}
#omc-app .omc-library {
  height: 100dvh
}
}
@media(forced-colors:active) {
html:has(#omc-app),#omc-app :is(.omc-rail,.omc-library-results,.omc-calendar-scroll) {
  scrollbar-color: auto
}
}
@media(min-width:901px) and (max-width:1150px) {
#omc-app .omc-layout.omc-library-open {
  grid-template-columns: 200px 260px minmax(0,1fr)
}
#omc-app .omc-rail .omc-nav-label {
  white-space: nowrap
}
}
@media(min-width:601px) and (max-width:900px) {
#omc-app .omc-layout>.omc-rail {
  justify-content: flex-start!important;
  gap: 8px!important
}
#omc-app .omc-rail>.omc-brand {
  margin-right: auto!important
}
#omc-app .omc-rail>nav {
  margin-left: 0!important
}
}
.omc-passwordless-form [data-omc-signin-fallback][hidden] {
  display: none!important
}
#omc-app .omc-rail :is(.omc-nav.active,.omc-avatar) {
  color: var(--omc-tone-accenttext,#176B5B)
}
@media(max-width:360px) {
#omc-app .omc-layout>.omc-rail {
  padding-left: 8px!important;
  padding-right: 8px!important
}
#omc-app .omc-rail :is(.omc-header-notify,.omc-header-account,.omc-nav[data-action="shares"],.omc-icon-create) {
  width: 44px!important;
  min-width: 44px!important;
  height: 44px!important;
  min-height: 44px!important
}
}


/* Recent Clockshares: compact, container-aware tablet grid. */
@media (min-width:601px) {
  #omc-app .omc-recent-list {
    max-width:1200px;
    grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));
    gap:16px;
    align-items:stretch;
  }
  #omc-app .omc-recent-card {
    display:flex;
    flex-direction:column;
    min-width:0;
    box-shadow:0 3px 12px rgb(0 0 0 / 4%);
  }
  #omc-app .omc-recent-card .omc-recent-item {
    flex:1;
    align-items:flex-start;
    padding:16px 38px 12px 16px;
  }
  #omc-app .omc-recent-item>div {width:100%;min-width:0;}
  #omc-app .omc-recent-item h2 {
    font-size:19px!important;
    line-height:1.3!important;
    margin:0 0 8px!important;
    overflow-wrap:anywhere;
  }
  #omc-app .omc-card-summary {
    flex-direction:row;
    align-items:center;
    gap:6px 10px;
    margin-top:10px;
  }
  #omc-app .omc-card-summary .omc-card-timing {
    font-size:10px;
    gap:4px 8px;
    flex-wrap:wrap;
  }
  #omc-app .omc-card-actions {margin:0 12px;padding:3px 0;gap:8px;}
  #omc-app .omc-card-actions .omc-copy-plan-link {min-height:44px;padding:6px 10px;}
  #omc-app .omc-card-actions .omc-dismiss-card {width:44px;height:44px;min-height:44px;flex-basis:44px;}
  #omc-app .omc-recent-card:focus-within {outline:2px solid var(--omc-teal,#2a9e89);outline-offset:3px;}
}
@media (max-width:600px) {
  #omc-app .omc-recent-list>.omc-recent-card:nth-child(n+4) {display:none;}
}

/* Shared two-tap lifecycle confirmation, without moving card content. */
#omc-app .omc-confirming {position:relative;overflow:visible;z-index:5;}
#omc-app .omc-lifecycle-tooltip {position:absolute;bottom:calc(100% + 8px);left:0;z-index:20;width:max-content;max-width:240px;padding:8px 10px;border-radius:9px;border:1px solid var(--omc-tone-d5dfe2,#d5dfe2);background:var(--omc-tone-surface,#fff);color:var(--omc-tone-172c35,#172c35);box-shadow:0 4px 16px rgb(0 0 0 / 15%);font:600 12px/1.4 Arial,sans-serif;white-space:normal;text-align:left;pointer-events:none;}
#omc-app .omc-dismiss-card .omc-lifecycle-tooltip {left:auto;right:0;}
#omc-app .omc-confirming.is-armed {animation:omc-confirm-shake .3s ease;}
@keyframes omc-confirm-shake {0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){#omc-app .omc-confirming.is-armed {animation:none;}}

/* High-contrast quick-action confirmation in either appearance mode. */
#omc-app :is(.omc-lifecycle-tooltip,.omc-trash-tooltip,.omc-recent-confirm) {background:#172c35;color:#fff;border-color:#172c35;box-shadow:0 4px 18px rgb(0 0 0 / 24%);}
html[data-omc-theme="dark"] #omc-app :is(.omc-lifecycle-tooltip,.omc-trash-tooltip,.omc-recent-confirm) {background:#fff;color:#172c35;border-color:#fff;}

/* Independent attendee controls and readable person popovers. */
#omc-app .omc-recent-card>.omc-card-summary {margin:0;padding:0 14px 10px;}
#omc-app .omc-library-people {padding:0 48px 8px 12px;}
#omc-app .omc-library-people .omc-attendee-heads {margin-top:0;}
#omc-app .omc-attendee-heads {gap:4px;}
#omc-app .omc-attendee-heads button {font:inherit;cursor:pointer;flex-shrink:0;border:0;padding:0;min-width:32px;width:32px;min-height:32px;height:32px;display:inline-grid;place-items:center;}
#omc-app .omc-attendee-heads .omc-head-more {background:var(--omc-tone-ebeff1,#ebeff1);border-radius:7px;font-weight:700;}
#omc-app .omc-attendee-heads button[aria-expanded=true] {outline:2px solid var(--omc-tone-accenttext,#176b5b);outline-offset:2px;}
.omc-attendee-popup {position:fixed;z-index:10050;width:max-content;min-width:180px;max-width:min(260px,calc(100vw - 24px));max-height:min(320px,60vh);overflow:auto;padding:12px 14px;border:1px solid #172c35;border-radius:12px;background:#172c35;color:#fff;box-shadow:0 8px 28px rgb(0 0 0 / 24%);font:13px/1.4 Arial,sans-serif;animation:omc-person-in .15s ease;}
.omc-attendee-info-row {display:grid;justify-items:start;gap:5px;overflow-wrap:anywhere;}
.omc-attendee-info-row+.omc-attendee-info-row {margin-top:12px;padding-top:12px;border-top:1px solid rgb(128 128 128 / 30%);}
.omc-attendee-info-row strong {font-size:13px;color:inherit;}
.omc-attendee-info-row small {font-size:11px;opacity:.8;}
.omc-attendee-status {font-size:11px;font-weight:600;line-height:1.4;padding:4px 7px;border-radius:6px;background:#e8edf0;color:#344b57;}
.omc-attendee-status:is(.is-positive,.is-shared) {background:#dcf3e7;color:#16573e;}
.omc-attendee-status:is(.is-awaiting,.is-joined) {background:#fff0d0;color:#754609;}
html[data-omc-theme="dark"] .omc-attendee-popup {background:#fff;color:#172c35;border-color:#fff;}
@keyframes omc-person-in {from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.omc-attendee-popup {animation:none;}}

.omc-popup-nudge {display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;margin-top:3px;border:0;border-radius:8px;background:#dcf3e7;color:#16573e;font:600 12px/1.4 Arial,sans-serif;cursor:pointer;white-space:nowrap;}
.omc-popup-nudge:disabled{opacity:.7;cursor:default;}
.omc-popup-nudge:focus-visible{outline:2px solid currentColor;outline-offset:2px;}
.omc-popup-feedback {max-width:230px;font-size:12px;line-height:1.4;margin:8px 0 0;color:inherit;}

/* Compact person info: identity above, status and quiet action below. */
.omc-attendee-popup {width:260px;min-width:0;padding:10px 12px;}
.omc-attendee-popup .omc-attendee-info-row {grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'name role' 'status action';align-items:center;gap:3px 12px;}
.omc-attendee-info-row>strong {grid-area:name;min-width:0;line-height:1.35;}
.omc-attendee-info-row>small {grid-area:role;justify-self:end;font-size:10px;white-space:nowrap;}
.omc-attendee-popup .omc-attendee-status {grid-area:status;padding:0;border:0;border-radius:0;background:none;color:inherit;font-size:11px;font-weight:400;min-height:24px;display:flex;align-items:center;opacity:.8;}
.omc-attendee-popup .omc-popup-nudge {grid-area:action;justify-self:end;min-height:28px;margin:0;padding:0;border:0;border-radius:3px;background:none;color:#a6e5c9;font-size:11px;line-height:1.4;text-decoration:none;}
.omc-attendee-popup .omc-popup-nudge:hover {background:none;color:#fff;}
html[data-omc-theme="dark"] .omc-attendee-popup .omc-popup-nudge {color:#176b5b;}
html[data-omc-theme="dark"] .omc-attendee-popup .omc-popup-nudge:hover {color:#172c35;}
.omc-attendee-info-row+.omc-attendee-info-row {margin-top:8px;padding-top:8px;}

/* Informative status colors on the contrasting person popup. */
.omc-attendee-popup .omc-attendee-status:is(.is-awaiting,.is-joined){color:#ffd08a;opacity:1;}
.omc-attendee-popup .omc-attendee-status:is(.is-shared,.is-positive){color:#9de1b9;opacity:1;}
html[data-omc-theme="dark"] .omc-attendee-popup .omc-attendee-status:is(.is-awaiting,.is-joined){color:#995000;}
html[data-omc-theme="dark"] .omc-attendee-popup .omc-attendee-status:is(.is-shared,.is-positive){color:#176b43;}
.omc-nudge-toast {position:fixed;z-index:10100;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 16px;width:max-content;max-width:calc(100vw - 32px);border-radius:12px;background:#172c35;color:#fff;box-shadow:0 6px 24px rgb(0 0 0 / 25%);font:13px/1.4 Arial,sans-serif;pointer-events:none;}
.omc-nudge-toast>span {font-size:18px;color:#9de1b9;}
.omc-nudge-toast strong,.omc-nudge-toast small {display:block;}
.omc-nudge-toast strong {font-size:13px;color:inherit;}
.omc-nudge-toast small {font-size:11px;margin-top:2px;opacity:.85;}
html[data-omc-theme="dark"] .omc-nudge-toast {background:#fff;color:#172c35;}
html[data-omc-theme="dark"] .omc-nudge-toast>span {color:#176b43;}

/* Compact search results: people and copy action share the existing lower row. */
#omc-app .omc-library-card {display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;}
#omc-app .omc-library-card>.omc-library-item {grid-column:1/-1;min-width:0;}
#omc-app .omc-library-card>.omc-library-people {grid-column:1;grid-row:2;min-width:0;padding:0 0 8px 12px;}
#omc-app .omc-library-card>.omc-library-copy {grid-column:2;grid-row:2;align-self:end;position:static;margin:0 4px 8px 0;min-height:44px;padding:6px 8px;white-space:nowrap;font-size:12px;}
#omc-app .omc-library-card>.omc-library-actions {position:absolute;top:0;right:0;width:44px;z-index:2;}
#omc-app .omc-library-people .omc-attendee-heads {flex-wrap:wrap;}

/* One compact header rhythm for Clockshares and My Account. */
@media(max-width:900px){
 #omc-app .omc-layout>.omc-rail {justify-content:flex-start!important;gap:8px!important;padding:6px 14px!important;height:56px;min-height:56px;box-sizing:border-box;}
 #omc-app .omc-rail>.omc-brand {margin-right:auto!important;min-width:0;font-size:19px;letter-spacing:-1.3px;flex:0 1 auto;}
 #omc-app .omc-rail>nav {margin:0!important;padding:0;gap:0;flex:0 0 44px;width:44px;min-width:44px;}
 #omc-app .omc-rail :is(.omc-header-notify,.omc-header-account,.omc-nav[data-action="shares"],.omc-icon-create) {width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;box-sizing:border-box;flex:0 0 44px;margin:0!important;display:grid;place-items:center;padding:0!important;}
}
@media(max-width:360px){
 #omc-app .omc-layout>.omc-rail {gap:4px!important;padding-left:8px!important;padding-right:8px!important;}
 #omc-app .omc-rail>.omc-brand {font-size:18px;}
}

/* Shared feedback for all Clockshare mutations, including direct nudge actions. */
.omc-action-loading {box-sizing:border-box;width:min(330px,calc(100vw - 32px));border:1px solid var(--omc-tone-d5dfe2,#d5dfe2);border-radius:18px;padding:24px;background:var(--omc-tone-surface,#fff);color:var(--omc-tone-172c35,#172c35);box-shadow:0 18px 64px #0004;text-align:center;font:14px/1.5 Arial,sans-serif;}
.omc-action-loading::backdrop {background:rgb(10 24 30 / 38%);backdrop-filter:blur(4px);}
.omc-action-loading strong {font-size:16px;color:inherit;}
.omc-action-loading p {margin:6px 0 0;color:inherit;opacity:.75;font-size:13px;}
.omc-action-spinner {display:block;width:28px;height:28px;margin:0 auto 16px;border:3px solid var(--omc-tone-d5dfe2,#d5dfe2);border-top-color:var(--omc-tone-accenttext,#176b5b);border-radius:50%;animation:omc-action-spin .8s linear infinite;}
@keyframes omc-action-spin {to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.omc-action-spinner{animation:none;}}

/* A quiet, consistent footer across public, account and Clockshare screens. */
body .omc-public-footer {box-sizing:border-box;padding:28px clamp(16px,4vw,48px) 24px;border-top:1px solid var(--omc-tone-d5dfe2,#d5dfe2);}
body .omc-public-footer .omc-footer-top {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;}
body .omc-public-footer .omc-footer-brand p {font-size:12px;margin:6px 0 0;}
body .omc-public-footer .omc-footer-bottom {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding-top:12px;}
body .omc-public-footer .omc-footer-meta {display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;font-size:11px;}
body :is(.omc-public-footer,.omc-footer) .omc-legal-links {display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0 16px;margin:0;padding:0;}
body :is(.omc-public-footer,.omc-footer) .omc-legal-links :is(a,.omc-help-restore){display:inline-flex;align-items:center;min-height:36px;padding:0;margin:0;border:0;background:none;font:12px/1.4 Arial,sans-serif;color:var(--omc-tone-526770,#526770);text-decoration:none;white-space:nowrap;}
body :is(.omc-public-footer,.omc-footer) .omc-legal-links :is(a,button):hover{color:var(--omc-tone-accenttext,#176b5b);text-decoration:underline;}
body :is(.omc-public-footer,.omc-footer) .omc-maker-credit {flex:0 1 auto;width:auto;min-width:0;margin:0;padding:0;border:0;}
body :is(.omc-public-footer,.omc-footer) .omc-maker-credit a{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;min-height:36px;padding:0;border:0;background:none;box-shadow:none;color:var(--omc-tone-526770,#526770);font:11px/1.4 Arial,sans-serif;text-decoration:none;}
body :is(.omc-public-footer,.omc-footer) .omc-maker-credit img{display:block;width:64px;height:32px;object-fit:contain;border-radius:4px;}
#omc-app .omc-footer{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 0 16px;margin-top:24px;border-top:1px solid var(--omc-tone-d5dfe2,#d5dfe2);font-size:12px;line-height:1.5;}
#omc-app .omc-footer>span{display:none;}
#omc-app .omc-footer>.omc-maker-credit{margin-top:6px;}
@media(max-width:600px){body .omc-public-footer .omc-footer-top{align-items:flex-start;gap:10px;}body .omc-public-footer .omc-footer-top>nav{flex-basis:100%;}body .omc-public-footer .omc-footer-bottom{gap:10px;}body .omc-public-footer .omc-footer-meta{display:block;}body .omc-public-footer .omc-maker-credit{flex-basis:100%;}}

body :is(.omc-public-footer,.omc-footer) .omc-legal-links{flex-direction:row!important;}
body .omc-public-footer .omc-footer-brand{max-width:none;width:auto;}
body .omc-public-footer .omc-footer-brand p{max-width:none;width:auto;}

/* Eight desktop overview cards; preserve smaller-screen limits. */
@media(min-width:901px){#omc-app .omc-recent-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1400px;}}
@media(min-width:1600px){#omc-app .omc-recent-list{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(min-width:601px) and (max-width:900px){#omc-app .omc-recent-list>.omc-recent-card:nth-child(n+7){display:none;}}