.sort-control {
  position: relative;
  display: flex;
  align-items: center;
}

.sort-mode-control {
  gap: 6px;
  margin-left: 10%;
  padding: 4px 0;
}

.sort-mode-select,
.sort-settings-button {
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid #d0d7dc;
  border-radius: 4px;
  color: #4f5d67;
  background: #f1f3f4;
  font: 600 11px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sort-mode-label { color: #74818a; font: 700 9px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
.sort-mode-select { max-width: 180px; cursor: pointer; }
.sort-settings-button { position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: 6px; border-color: #91bacb; color: #246887; background: #e6f2f7; white-space: nowrap; cursor: pointer; }
.sort-options-icon { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sort-options-caret { color: #638fa4; font-size: 12px; line-height: 1; }
.sort-settings-button.sort-options-unseen::after { content: ""; position: absolute; z-index: -1; inset: -20px -44px; border: 4px solid #317f9f; border-radius: 50%; opacity: 0; pointer-events: none; animation: sort-options-halo 3s ease-out infinite; }
@keyframes sort-options-halo { 0% { transform: scale(.94); opacity: .8; } 75%, 100% { transform: scale(1.14); opacity: 0; } }
@media(prefers-reduced-motion: reduce) { .sort-settings-button.sort-options-unseen::after { animation: none; opacity: .4; } }
.sort-mode-select:focus-visible,
.sort-settings-button:focus-visible { outline: 2px solid #79a9c0; outline-offset: 2px; }
.sort-mode-select:focus-visible { outline: 2px solid #8b969e; outline-offset: 2px; }
.sort-settings-button:hover { border-color: #78a9bf; background: #dcebf1; }

.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.sort-menu {
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  z-index: 25;
  width: 420px;
  padding: 12px;
  color: #35424c;
  background: #fff;
  border: 1px solid #d5dce1;
  border-radius: 5px;
  box-shadow: 0 8px 24px #20303f24;
}

.sort-mode-control .sort-menu { right: 0; left: auto; }

.tool-button.sort-mode-active {
  color: #246887;
  background: #e6f2f7;
  box-shadow: inset 0 -2px #3286a7;
  font-weight: 650;
}

.sort-settings-button.sort-mode-active {
  border-color: #91bacb;
  color: #246887;
  background: #e6f2f7;
  font-weight: 650;
}

.weighted-sort-menu {
  width: 470px;
}

.sort-menu[hidden] {
  display: none;
}

.sort-menu-title {
  margin: 0 0 10px;
  color: #687987;
  font: 600 9px ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sort-option {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 7px 1px;
  color: #43515c;
  text-align: left;
  font: inherit;
  font-size: 11px;
  background: transparent;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
}

.sort-option:hover {
  color: #25394a;
  background: #f0f3f5;
}

.sort-option small {
  color: #87919a;
  font-size: 9px;
}

.priority-hint {
  margin: -4px 0 8px;
  color: #87919a;
  font-size: 10px;
}

.priority-list {
  display: grid;
  gap: 3px;
}

.priority-item {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr) 60px 76px 34px;
  gap: 6px;
  align-items: center;
  min-height: 31px;
  padding: 3px 5px;
  color: #43515c;
  background: #fff;
  border: 1px solid #edf0f2;
  border-radius: 3px;
  cursor: grab;
}

.priority-item:hover {
  background: #f7fafb;
  border-color: #dce5e9;
}

.priority-item.is-priority-dragging {
  opacity: .4;
}

.priority-grip {
  color: #9aa5ad;
  font-size: 13px;
  user-select: none;
}

.priority-label {
  display: block;
  min-width: 0;
  overflow: hidden;
  font-size: 11px;
  font-weight: 550;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.priority-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.priority-label-row {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.criterion-description-info {
  position: relative;
  display: inline-grid;
  width: 13px;
  height: 13px;
  flex: none;
  place-items: center;
  border: 1px solid #91a5b2;
  border-radius: 50%;
  color: #587789;
  background: #fff;
  font: 700 9px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: help;
}

.criterion-description-info:is(:hover, :focus-visible)::after {
  content: attr(data-description);
  position: absolute;
  z-index: 30;
  top: calc(100% + 7px);
  left: 0;
  width: 230px;
  padding: 8px 10px;
  border-radius: 4px;
  color: #fff;
  background: #334b5a;
  box-shadow: 0 3px 10px #24344133;
  font: 11px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  white-space: normal;
}

.priority-item.priority-unavailable {
  opacity: 1;
}

.commute-unavailable-info {
  position: relative;
  display: inline-grid;
  width: 13px;
  height: 13px;
  flex: none;
  place-items: center;
  border: 1px solid #7894a4;
  border-radius: 50%;
  color: #426b80;
  background: #fff;
  font: 700 9px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor: help;
}

.commute-unavailable-info:is(:hover, :focus-visible)::after {
  content: attr(data-hint);
  position: absolute;
  z-index: 30;
  top: calc(100% + 7px);
  left: 0;
  width: 230px;
  padding: 8px 10px;
  border-radius: 4px;
  color: #fff;
  background: #334b5a;
  box-shadow: 0 3px 10px #24344133;
  font: 11px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  white-space: normal;
}

.priority-item small {
  color: #87919a;
  font-size: 9px;
  line-height: 1.1;
}

.priority-copy > .priority-description,
.weighted-priority-description > small {
  display: none;
}

.priority-disabled .priority-label,
.priority-disabled small {
  color: #aab2b8;
}

.priority-settings {
  grid-column: 3;
  width: 60px;
  justify-self: start;
  margin-left: -5px;
}

.priority-item:has(.home-time-days-select) {
  grid-template-columns: 15px minmax(0, 1fr) 60px 76px 34px;
}

.home-time-days-select {
  grid-column: 3;
  width: 60px;
  min-width: 0;
  padding: 3px 2px;
  color: #536573;
  font: 9px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f4f6f7;
  border: 1px solid #d8e0e5;
  border-radius: 3px;
}

.priority-mode-select {
  grid-column: 4;
  width: 76px;
  min-width: 0;
  padding: 3px 4px;
  color: #4f6170;
  font: 9px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f5f8fa;
  border: 1px solid #dce5e9;
  border-radius: 3px;
}

.positioning-direction-select {
  width: 60px;
  min-width: 0;
  padding: 3px 2px;
  color: #536573;
  font: 9px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f4f6f7;
  border: 1px solid #d8e0e5;
  border-radius: 3px;
}

.priority-item .positioning-direction-select { grid-column: 3; }
.weighted-priority-item .positioning-direction-select { grid-column: 2; }

.priority-mode-select:disabled {
  opacity: .55;
}

.priority-always .priority-mode-select {
  color: #245f7a;
  background: #eaf4f8;
  border-color: #b7d4e0;
}

.priority-toggle {
  grid-column: 5;
  position: relative;
  display: inline-flex;
  width: 30px;
  height: 18px;
  justify-self: end;
  cursor: pointer;
}

.priority-toggle-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.weighted-priority-list {
  display: grid;
  gap: 3px;
}

.weighted-priority-item {
  display: grid;
  grid-template-columns: minmax(112px, 1fr) 60px minmax(120px, 142px) 34px;
  gap: 5px;
  align-items: center;
  min-height: 29px;
  padding: 3px 5px;
  color: #43515c;
  background: #fff;
  border: 1px solid #edf0f2;
  border-radius: 3px;
}

.weighted-priority-item:hover {
  background: #f7fafb;
  border-color: #dce5e9;
}

.weighted-priority-description {
  display: flex;
  min-width: 0;
  align-items: center;
}

.weighted-priority-item small {
  color: #87919a;
  font-size: 9px;
  line-height: 1.1;
}

.weighted-settings-placeholder {
  width: 60px;
}

.weighted-weight-control {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 4px;
}

.weighted-weight-control output {
  flex: 0 0 31px;
  color: #367c9a;
  text-align: right;
  font: 600 9px ui-monospace, SFMono-Regular, Menlo, monospace;
}

.weighted-weight-control input[type="range"] {
  flex: 1 1 auto;
  width: 0;
  min-width: 0;
  margin: 0;
  accent-color: #3286a7;
  cursor: pointer;
}

.weighted-weight-control input:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.weighted-priority-item .priority-toggle {
  grid-column: 4;
  width: 30px;
}

.weighted-priority-item .priority-settings {
  grid-column: 2;
  width: 60px;
  padding-right: 2px;
  padding-left: 2px;
}

.weighted-priority-item .home-time-days-select {
  grid-column: 2;
}

.sort-override-option {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 8px 1px 0;
  color: #596977;
  font-size: 10px;
}

.sort-override-option input {
  width: 13px;
  height: 13px;
  margin: 0;
  accent-color: #c74242;
}

.force-green-option input {
  accent-color: #23834e;
}

.powersort-calendar {
  width: 100%;
  margin: 3px 0 8px;
  padding: 6px;
  font-size: 10px;
}

.powersort-tiebreak {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 7px 0;
  color: #43515c;
  font-size: 10px;
}

.powersort-tiebreak select {
  min-width: 155px;
  padding: 5px 7px;
  color: #43515c;
  background: #fff;
  border: 1px solid #d5dfe4;
  border-radius: 3px;
}

.priority-toggle-track {
  width: 30px;
  height: 18px;
  border-radius: 10px;
  background: #c9d0d5;
  transition: background .15s ease;
}

.priority-toggle-track::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin: 2px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px #26374633;
  transition: transform .15s ease;
}

.priority-toggle-input:checked + .priority-toggle-track {
  background: #3286a7;
}

.priority-toggle-input:checked + .priority-toggle-track::after {
  transform: translateX(12px);
}

.priority-toggle-input:focus-visible + .priority-toggle-track {
  outline: 2px solid #6ba9c4;
  outline-offset: 2px;
}

.priority-settings {
  padding: 3px 6px;
  color: #356d89;
  font-size: 9px;
  background: #edf5f8;
  border: 1px solid #d6e6ed;
  border-radius: 3px;
  cursor: pointer;
}

.priority-settings.needs-first-use {
  color: #9e3c3c;
  background: #fff0ef;
  border-color: #efc2bf;
  box-shadow: 0 0 0 1px #f8dddb;
}

.priority-settings.needs-first-use:hover,
.priority-settings.needs-first-use:focus-visible {
  background: #ffe5e3;
  border-color: #e7a6a1;
}

.priority-apply,
.priority-reset {
  width: 100%;
  margin-top: 9px;
  padding: 8px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  background: #367e9d;
  border: 1px solid #367e9d;
  border-radius: 3px;
  cursor: pointer;
}

.priority-apply:disabled {
  background: #aeb8be;
  border-color: #aeb8be;
  cursor: not-allowed;
}

.balanced-score-option {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-top: 10px;
  padding: 8px;
  color: #43515c;
  background: #f3f7f9;
  border: 1px solid #e0e8ec;
  border-radius: 3px;
  cursor: pointer;
}

.balanced-score-option input {
  flex: 0 0 auto;
  margin: 2px 0 0;
  accent-color: #3286a7;
}

.balanced-score-option strong,
.balanced-score-option small {
  display: block;
}

.balanced-score-option strong {
  font-size: 10px;
}

.balanced-score-option small {
  margin-top: 3px;
  color: #7e8a93;
  font-size: 9px;
  line-height: 1.35;
  white-space: normal;
}

.priority-reset {
  margin-top: 5px;
  padding: 6px;
  color: #687987;
  font-size: 10px;
  font-weight: 400;
  background: transparent;
  border-color: transparent;
}

.priority-reset:hover {
  color: #35424c;
  background: #f0f3f5;
}

.commute-dialog {
  width: min(495px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 0;
  color: #35424c;
  background: #fff;
  border: 1px solid #d5dce1;
  border-radius: 6px;
  box-shadow: 0 18px 60px #1322304d;
}
.commute-dialog.toolbar-popover{position:fixed;right:auto;bottom:auto;box-sizing:border-box;width:min(495px,calc(100vw - 18px));max-height:calc(100vh - 106px);margin:0;z-index:41;border:1px solid #cbd8e0;box-shadow:0 12px 32px #152b3d38}
.commute-dialog.toolbar-popover form{padding:14px}

.commute-dialog::backdrop {
  background: #17222e66;
}

.commute-dialog form {
  position: relative;
  padding: 25px;
}

.commute-dialog h2 {
  margin: 0 0 9px;
  font-size: 21px;
}
.commute-table-area{margin:0 0 12px;padding:8px 10px;border:1px solid #d5e1e7;border-radius:5px;background:#f8fafb}
.commute-source-summary-row{display:flex;align-items:center;gap:8px;max-width:100%;margin:10px 0;overflow-x:auto;white-space:nowrap}
.commute-dialog #commute-source-indicator{flex:none}
.commute-dialog #commute-source-overview{flex:none;margin:0;white-space:nowrap}
.commute-dialog #commute-source-overview .commute-source-name{margin-left:.25em;color:#176b87;font-weight:750}
.commute-dialog .commute-source-summary-row>*{box-sizing:border-box;display:inline-flex;align-items:center;min-height:31px;padding:6px 10px;border-radius:5px}
.commute-noncommuter{display:flex;align-items:center;gap:8px;margin:8px 0;padding:2px 10px;border:1px solid #cbdde6;border-radius:4px;background:#f3f8fa;color:#344f60;font-size:12px;font-weight:650;cursor:pointer}
.commute-noncommuter input{accent-color:#337e9d}
.commute-rules:disabled{opacity:.5}

.commute-intro,
.commute-note {
  color: #697783;
  font-size: 11px;
  line-height: 1.5;
}

.commute-rule {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin-top: 16px;
  cursor: pointer;
}

.commute-rule input {
  width: 15px;
  height: 15px;
  margin: 2px 0 0;
  accent-color: #2287ad;
}

.commute-rule strong,
.commute-rule small {
  display: block;
}

.commute-rule strong {
  color: #43515c;
  font-size: 11px;
}

.commute-rule small {
  margin-top: 3px;
  color: #87919a;
  font-size: 10px;
  line-height: 1.4;
}

.commute-time-range {
  display: flex;
  gap: 12px;
  margin: 10px 0 0 24px;
}

.commute-time-range label {
  display: grid;
  gap: 4px;
  color: #687987;
  font-size: 10px;
}

.commute-time-range input {
  padding: 5px;
  color: #43515c;
  background: #fff;
  border: 1px solid #d5dce1;
  border-radius: 3px;
}

.commute-note {
  margin-top: 16px;
  padding-top: 11px;
  border-top: 1px solid #e5e9ec;
}

.commute-import-label,.commute-home-label{display:block;margin:16px 0 6px;color:#536574;font-size:11px;font-weight:600}
.commute-import-row{display:flex;align-items:center;gap:8px}
.commute-import-row input{min-width:0;flex:1;color:#657582;font-size:10px}
.commute-import-row button{padding:6px 11px;color:#fff;background:#367e9d;border:1px solid #367e9d;border-radius:3px;cursor:pointer}
.commute-server-import{display:block;margin:5px auto 0;padding:6px 11px;color:#367e9d;background:#fff;border:1px solid #9bbdcb;border-radius:3px;cursor:pointer;font-size:10px}
.commute-server-import:disabled{opacity:.55;cursor:not-allowed}
.commute-schedule-status{margin:7px 0;color:#788792;font-size:10px;line-height:1.4}
.commute-schedule-status.error{color:#b44649}
.commute-server-import-status{margin:7px 0;color:#267044;font-size:10px;line-height:1.4}
.commute-server-import-status.error{color:#b44649}
.commute-server-import-unavailable{margin:7px 0;color:#788792;font-size:10px;line-height:1.4}
.commute-schedule-source{margin-top:10px;padding:12px;border:1px solid #dce4e9;border-radius:4px;background:#fff}
.commute-schedule-source h3{margin:0 0 8px;color:#344f60;font-size:13px}
.commute-source-tabs{display:flex;gap:5px;margin:0 0 10px;border-bottom:1px solid #d8e2e8}
.commute-source-tabs button{padding:6px 10px;border:1px solid #cbd8df;border-bottom:0;border-radius:4px 4px 0 0;background:#eef3f6;color:#536b7a;font:inherit;font-size:10px;font-weight:650;cursor:pointer}
.commute-source-tabs button[aria-selected="true"]{background:#fff;color:#276b87;border-color:#9bbdcb}
.commute-source-tabs button:focus-visible{outline:2px solid #4e9fbd;outline-offset:1px}
.commute-source-panel[hidden]{display:none}
.commute-source-panel label{display:block;margin:4px 0 6px;color:#526675;font-size:10px;font-weight:650}
.commute-bidpacks-import-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.commute-bidpacks-import-row input{min-width:0;flex:1;color:#657582;font-size:10px}
.commute-bidpacks-import-row button{padding:6px 11px;color:#fff;background:#367e9d;border:1px solid #367e9d;border-radius:3px;cursor:pointer;font-size:10px}
.commute-bidpacks-import-row button:disabled{opacity:.5;cursor:not-allowed}
.commute-bidpacks-count{margin:7px 0 0;color:#71818c;font-size:10px;line-height:1.4}
.commute-bidpacks-count.error{color:#b44649}

.commute-schedule-source .commute-import-label{margin-top:0}
.commute-home-airport{width:100%;padding:7px;color:#43515c;background:#fff;border:1px solid #d5dce1;border-radius:3px}
.commute-rules{display:grid;gap:4px;margin:14px 0 9px;padding:8px;border:1px solid #dce4e9;border-radius:4px;background:#f8fafb}
.commute-rules legend{padding:0 5px;color:#587184;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
.commute-rule{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;margin-top:0;padding:7px 8px;border:1px solid #e3e9ed;border-radius:3px;background:#fff;color:#4c5c68;font-size:11px}
.commute-rule small{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#87949e;font-size:9px;line-height:1.35}
.commute-hash-legend{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:#697580;white-space:nowrap}
.commute-hash-legend i{display:inline-block;width:9px;height:9px;flex:none;border:1px solid #fff;border-radius:2px;background-color:#d83c3c;background-image:linear-gradient(135deg,transparent 0 30%,#ffffffc9 30% 42%,transparent 42% 58%,#ffffffc9 58% 70%,transparent 70% 100%);box-shadow:0 0 0 1px #69798677}
.commute-bridge-legend{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:#697580;white-space:nowrap}
.commute-bridge-legend i{display:inline-block;width:18px;height:9px;flex:none;border:1px solid #c0c7cc;border-radius:2px;background:#e1e5e8;opacity:.72}
.commute-info-button{display:inline-grid;place-items:center;width:15px;height:15px;margin-left:3px;padding:0;border:1px solid #628ca2;border-radius:50%;background:#fff;color:#315f78;font-size:10px;font-weight:700;line-height:1;cursor:help}
.commute-rule>span:first-child{position:relative}
.commute-help{display:none;position:absolute;z-index:5;left:0;top:calc(100% + 5px);width:min(280px,75vw);padding:8px;border:1px solid #8eb1c3;border-radius:4px;background:#fff;color:#315063;box-shadow:0 5px 15px #19374630;font-size:10px;line-height:1.4}
.commute-info-button:hover+.commute-help,.commute-info-button:focus+.commute-help{display:block}
.commute-rule small>span:first-child{position:relative}
.commute-rule-inputs{display:flex;align-items:center;gap:4px}
.commute-rule-inputs select{min-height:30px;padding:4px 6px;border:1px solid #d4dfe5;border-radius:3px;background:#f8fbfc;color:#315f78;font-size:10px}
.commute-rule-inputs select:focus-visible{outline:2px solid #89bfd2;outline-offset:1px}
.commute-rule:first-of-type .commute-rule-inputs select{min-width:74px}
.commute-rule:not(:first-of-type) .commute-rule-inputs select{min-width:98px}
.com-ease-debug-trigger{min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}
.com-ease-debug-trigger:hover{text-decoration:underline;color:#287e9f}
.com-ease-debug-trigger:focus-visible,.commute-percent-value:focus-visible{outline:2px solid #4e9fbd;outline-offset:2px;border-radius:2px}
.commute-percent-value{cursor:pointer}
.calculated-commute-inspector{width:min(1100px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:0;border:1px solid #d0dbe1;border-radius:6px;background:#fff;color:#34434e;box-shadow:0 18px 60px #1322304d}
.calculated-commute-inspector::backdrop{background:#17222e66}
.calculated-commute-inspector form{position:relative;padding:24px}
.calculated-commute-inspector h2{margin:0 0 8px;font-size:21px}
.calculated-commute-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-right:35px;flex-wrap:wrap}
.calculated-commute-coverage{min-width:240px;color:#536c7c;font-size:11px}
.calculated-commute-coverage strong{display:block;margin-bottom:5px;color:#344e5e}
#calculated-commute-package-counts{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:3px 14px}
#calculated-commute-package-counts span{display:flex;justify-content:space-between;gap:10px}
#calculated-commute-package-note{display:block;margin-top:5px;color:#74838e;line-height:1.3}
.calculated-commute-summary{margin:0 0 12px;color:#687b88;font-size:12px}
.calculated-commute-filters{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:10px;border:1px solid #dce5ea;border-radius:5px;background:#f6f9fa}
.calculated-commute-filters label{display:grid;gap:4px;color:#627987;font-size:10px;font-weight:650}
.calculated-commute-filters input,.calculated-commute-filters select{min-height:29px;max-width:220px;padding:4px 7px;border:1px solid #c7d6de;border-radius:4px;background:#fff;color:#344b59;font:inherit;font-size:11px}
.calculated-commute-filters input:focus-visible,.calculated-commute-filters select:focus-visible{outline:2px solid #3a94bb;outline-offset:2px}
.calculated-commute-table-wrap{max-height:min(65dvh,700px);overflow:auto;border:1px solid #dce5ea;border-radius:4px}
.calculated-commute-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;white-space:nowrap}
.calculated-commute-table th,.calculated-commute-table td{padding:6px 8px;border-bottom:1px solid #e5ebee}
.calculated-commute-table th{position:sticky;top:0;background:#f0f4f6;color:#667d8b;font-size:10px}
.calculated-commute-empty{padding:12px;color:#687b88}
.calculated-commute-inspector .dialog-done{margin-top:14px}
@media(max-width:560px){.calculated-commute-inspector form{padding:18px 13px}.calculated-commute-table{font-size:10px}}
.commute-debug-dialog{width:min(760px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:0;border:1px solid #d0dbe1;border-radius:6px;background:#fff;color:#34434e;box-shadow:0 18px 60px #1322304d}
.commute-debug-dialog::backdrop{background:#17222e66}
.commute-debug-dialog form{position:relative;padding:24px}
.commute-debug-dialog h2{margin:0 0 12px;font-size:21px}
.commute-debug-line-label{display:inline-block;margin:0 9px 8px 0;color:#526675;font-size:11px;font-weight:650}
.commute-debug-dialog #commute-debug-line{min-width:150px;padding:6px;border:1px solid #ccd9e0;border-radius:3px;background:#f8fafb;color:#315f78}
.commute-debug-score{margin:8px 0;padding:9px 11px;border-left:3px solid #338eae;background:#edf6fa;color:#2f566c;font-size:14px;font-weight:700}
.commute-debug-section{margin-top:14px;padding:11px;border:1px solid #dce5ea;border-radius:4px;background:#fbfcfd}
.commute-debug-section h3{margin:0 0 8px;color:#567184;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase}
.commute-debug-values{display:grid;grid-template-columns:minmax(145px, .8fr) minmax(0,1.4fr);gap:5px 10px;margin:0;font-size:10px;line-height:1.4}
.commute-debug-values dt{color:#71818c}
.commute-debug-values dd{margin:0;color:#344b59;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.commute-debug-table-wrap{overflow:auto}
.commute-debug-table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}
.commute-debug-table th,.commute-debug-table td{padding:6px 7px;border-bottom:1px solid #e5ebee;vertical-align:top}
.commute-debug-table th{color:#667d8b;background:#f0f4f6;font-size:9px}
.commute-debug-flight-row td{color:#73838e;font-size:9px;line-height:1.45}
.commute-debug-window-list{display:grid;gap:5px;margin:0;padding-left:18px;color:#526675;font-size:10px;line-height:1.45}
.commute-debug-formula{margin:8px 0 0;color:#697b87;font-size:10px;line-height:1.5}
.commute-debug-dialog .dialog-done{margin-top:14px}
@media(max-width:560px){.commute-debug-dialog form{padding:18px 13px}.commute-debug-values{grid-template-columns:1fr;gap:1px}.commute-debug-values dd{margin-bottom:5px}.commute-debug-table{min-width:520px}}
.commute-note{margin:8px 0 0;color:#75838e;font-size:10px;line-height:1.45}
.commute-autosave-status{margin:16px 0 0;color:#71808b;font-size:11px;font-weight:600}
.commute-fit-key{display:grid;grid-template-columns:1fr 1fr;gap:3px 9px;margin:0 0 8px 25px;color:#72808a;font-size:9px;line-height:1.2}
.commute-fit-key[hidden]{display:none}
.commute-fit-key span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:2px;vertical-align:-1px}
.commute-fit-key p{grid-column:1/-1;margin:0 0 3px;line-height:1.35}
.commute-fit-easy::before{background:#24805b}.commute-fit-hard::before{background:#d83c3c}.commute-fit-extra-long::before{background-color:#d83c3c;background-image:linear-gradient(135deg,transparent 0 30%,#ffffffc9 30% 42%,transparent 42% 58%,#ffffffc9 58% 70%,transparent 70% 100%)}.commute-fit-no-route::before{background-color:#9b2732;background-image:linear-gradient(45deg,transparent 41%,#ff9b3d 42% 58%,transparent 59%),linear-gradient(-45deg,transparent 41%,#ff9b3d 42% 58%,transparent 59%)}.commute-fit-double-route::before{content:"2";background:#fff1f1;color:#b4232c;box-shadow:0 0 0 1px #9b2732;font:800 6px/8px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.commute-fit-no-flight::before{background:#9b2732}.commute-fit-unavailable::before{background:#9aa6af}
.commute-fit-hard{color:#000}

.commute-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 18px;
}

.commute-actions button {
  padding: 7px 11px;
  color: #596873;
  font-size: 11px;
  background: #fff;
  border: 1px solid #d5dce1;
  border-radius: 3px;
  cursor: pointer;
}

.commute-actions button[type="submit"] {
  color: #fff;
  background: #367e9d;
  border-color: #367e9d;
}

.date-dialog {
  width: min(720px, calc(100% - 28px));
  max-height: calc(100vh - 32px);
  padding: 0;
  overflow: auto;
  color: #35424c;
  background: #fff;
  border: 1px solid #d5dce1;
  border-radius: 6px;
  box-shadow: 0 18px 60px #1322304d;
}

.date-dialog::backdrop {
  background: #17222e66;
}

.date-dialog form {
  position: relative;
  padding: 24px;
}

.date-dialog h2 {
  margin: 0 0 8px;
  font-size: 21px;
}

.date-intro {
  max-width: 590px;
  margin: 0;
  color: #697783;
  font-size: 11px;
  line-height: 1.5;
}

.date-priority-legend {
  display: flex;
  gap: 14px;
  margin: 12px 0 8px;
  color: #687580;
  font-size: 10px;
}

.date-priority-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.date-priority-legend i {
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
  border-radius: 3px;
}

.date-tier-1 { background: #f8d0d0; border-color: #ce7777 !important; color: #752d2d; }
.date-tier-2 { background: #ffddba; border-color: #d28a40 !important; color: #76400a; }
.date-tier-3 { background: #d8ecd9; border-color: #78ad80 !important; color: #245b2b; }

.date-period-label {
  margin: 8px 0;
  color: #596873;
  font: 600 10px ui-monospace, SFMono-Regular, Menlo, monospace;
}

.date-calendar {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
}

.date-weekday {
  padding: 4px 0;
  color: #82909a;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
}

.date-calendar-blank {
  min-height: 43px;
}

.date-priority-cell {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 43px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  color: #43515c;
  background: #f8f9fa;
  border: 1px solid #e0e5e8;
  border-radius: 4px;
  cursor: pointer;
}

.date-priority-cell:hover {
  border-color: #7fa8ba;
  box-shadow: 0 0 0 1px #7fa8ba33;
}

.date-priority-cell.date-tier-1,
.date-priority-cell.date-tier-2,
.date-priority-cell.date-tier-3 {
  font-weight: 650;
}

.date-priority-cell.date-tier-1 { background: #f8d0d0; border-color: #ce7777; color: #752d2d; }
.date-priority-cell.date-tier-2 { background: #ffddba; border-color: #d28a40; color: #76400a; }
.date-priority-cell.date-tier-3 { background: #d8ecd9; border-color: #78ad80; color: #245b2b; }

.reset-everything-button {
  color: #745454;
  border: 1px solid #e5d6d6;
  background: #fffafa;
}

.reset-sort-dialog {
  width: min(400px, calc(100vw - 32px));
  padding: 0;
  color: #344753;
  background: #fff;
  border: 1px solid #cfd9df;
  border-radius: 7px;
  box-shadow: 0 18px 60px #20303f35;
}

.reset-sort-dialog::backdrop { background: #18263277; }
.reset-sort-dialog form { padding: 24px; }
.reset-sort-dialog h2 { margin: 5px 0 8px; font-size: 18px; }
.reset-sort-dialog p:not(.eyebrow) { color: #71808a; font-size: 11px; line-height: 1.5; }
.reset-sort-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:18px; }
.reset-sort-actions button { padding:7px 12px; color:#536574; background:#f5f7f8; border:1px solid #d3dce1; border-radius:4px; cursor:pointer; }
.reset-sort-actions #confirm-reset-sort { color:#fff; background:#367e9d; border-color:#367e9d; }

.date-number {
  font-size: 12px;
}

.date-month {
  position: absolute;
  top: 3px;
  left: 4px;
  font-size: 8px;
  font-weight: 500;
}

.date-save-state {
  margin: 8px 0 0;
  color: #80908a;
  font-size: 9px;
}

.date-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}

.date-dialog-actions button {
  padding: 7px 11px;
  color: #596873;
  font-size: 11px;
  background: #fff;
  border: 1px solid #d5dce1;
  border-radius: 3px;
  cursor: pointer;
}

.date-dialog-actions #date-done {
  color: #fff;
  background: #367e9d;
  border-color: #367e9d;
}
.submit-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid #91b7c9;
  border-radius: 5px;
  background: #eaf4f8;
  color: #245f7b;
  font-weight: 700;
  box-shadow: 0 1px 2px #18374b18;
}

.submit-button:hover {
  border-color: #397f9e;
  background: #dceef5;
  color: #174e69;
}

.submit-button:focus-visible {
  outline: 2px solid #287e9e;
  outline-offset: 2px;
}

.submit-button svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.submit-button .submit-button-label {
  display: inline-block;
  padding-left: 0;
  color: inherit;
  line-height: 1.05;
  text-align: center;
}

.calendar-export-placeholder {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px dashed #b7c5cd;
  border-radius: 5px;
  background: #f5f7f8;
  color: #778691;
  font-weight: 650;
}

.calendar-export-placeholder svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.calendar-export-placeholder span {
  padding-left: 0;
  color: inherit;
  line-height: 1.05;
  text-align: center;
}
.calendar-update-dialog{width:min(680px,calc(100% - 32px));max-height:min(85vh,780px);padding:0;border:1px solid #c7d5dd;border-radius:7px;background:#fff;color:#344b59;box-shadow:0 18px 60px #152b3a44}.calendar-update-dialog::backdrop{background:#17222e66}.calendar-update-dialog form{position:relative;padding:26px 28px}.calendar-update-dialog .eyebrow{margin:0 0 5px;color:#698092;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.calendar-update-dialog h2{margin:0 0 9px;font-size:22px}.calendar-update-dialog form>p:not(.eyebrow){color:#687b88;font-size:12px;line-height:1.5}.calendar-update-dialog form>label[for]{display:block;margin:15px 0 5px;font-size:12px;font-weight:650}.calendar-update-dialog select{box-sizing:border-box;width:100%;min-height:40px;padding:7px 10px;border:1px solid #c8d5dc;border-radius:4px;background:#fff;color:#334957;font:inherit}.calendar-update-jumpseat-option{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;font-weight:650}.calendar-update-jumpseat-option input{width:16px;height:16px;accent-color:#3184a3}.calendar-update-help{margin:6px 0;color:#748592;font-size:11px!important}.calendar-update-dialog #calendar-update-status{min-height:16px;margin:8px 0;color:#42657a;font-size:11px}.calendar-update-preview{margin:10px 0;border:1px solid #d4dee4;border-radius:4px}.calendar-update-preview summary{padding:8px 10px;color:#315f78;font-size:12px;font-weight:650;cursor:pointer}.calendar-update-preview pre{max-height:32vh;overflow:auto;margin:0;padding:10px;background:#f5f8fa;color:#354a58;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.calendar-update-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.calendar-update-actions button{padding:8px 12px;border:1px solid #b8cbd5;border-radius:4px;background:#f0f6f8;color:#315d75;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.calendar-update-actions button[type=submit]{border-color:#317f9e;background:#317f9e;color:#fff}.calendar-update-actions button[type=submit]{display:inline-flex;align-items:center;gap:7px}.calendar-update-actions .calendar-download-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.calendar-update-actions button[type=submit] span{padding:0;color:inherit;line-height:1.05}
.version-label {
  margin-left: 12px;
  color: #98a2aa;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: .02em;
}

.display-section-title {
  margin: 0;
  color: #687987;
  font: 600 9px ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.display-line-types-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  margin: 10px 0 2px;
  padding-top: 9px;
  border-top: 1px solid #e5e9ec;
}

.display-option.display-line-types-submit-option {
  flex: none;
  gap: 4px;
  padding: 0;
  color: #657681;
  font-size: 8px;
  white-space: nowrap;
}

.display-option.display-line-types-submit-option input {
  width: 12px;
  height: 12px;
  flex: none;
}

.line-row[hidden] {
  display: none !important;
}
.reserve-line-weight{display:flex;flex-direction:column;gap:4px;margin:10px 1px 4px;color:#596977;font-size:10px}.reserve-line-weight>span{display:flex;align-items:center;justify-content:space-between}.reserve-line-weight output{color:#287fa2;font-weight:700}.reserve-line-weight small{color:#82909a;font-size:9px;line-height:1.35}.reserve-line-weight input{width:100%;margin:2px 0 0;accent-color:#3089aa}
.balanced-rsv-option{display:flex;align-items:flex-start;gap:8px;margin:9px 1px;padding:8px;border:1px solid #e1e7eb;border-radius:4px;background:#f8fafb;color:#536573;font-size:10px}.balanced-rsv-option input{width:13px;height:13px;margin:1px 0 0;accent-color:#3089aa}.balanced-rsv-option strong,.balanced-rsv-option small{display:block}.balanced-rsv-option strong{color:#344957;font-size:11px}.balanced-rsv-option small{margin-top:3px;color:#82909a;font-size:9px;line-height:1.4}
.balanced-rsv-option .rsv-mix-status.is-forced{color:#a75120;font-weight:700}
.reserve-line-weight.is-disabled{opacity:.48}

.commute-bridge-legend .forced-bridge-key{border-color:#704188;background:#a36abc;opacity:1;margin-left:6px}

.calendar-update-dialog:has(.calendar-month-preview:not([hidden])){width:min(1100px,calc(100% - 32px));max-height:90vh}
.calendar-month-preview{margin:12px 0;border:1px solid #d6e0e6;border-radius:6px;background:#fff;overflow:auto}
.calendar-month-preview[hidden]{display:none}
.calendar-month-preview-caption{margin:0;padding:9px 12px;color:#647b8a;font-size:11px}
.calendar-month-preview-months{display:flex;gap:12px;padding:0 12px 12px;align-items:flex-start;flex-wrap:wrap}
.calendar-preview-month{flex:1 1 460px;min-width:440px}
.calendar-preview-month h3{margin:3px 0 7px;color:#314b5a;font-size:16px}
.calendar-preview-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #d9e1e6;border-left:1px solid #d9e1e6}
.calendar-preview-weekday{padding:4px 1px;text-align:center;color:#788994;font-size:10px;font-weight:600;border-right:1px solid #d9e1e6;border-bottom:1px solid #d9e1e6}
.calendar-preview-day{min-height:72px;min-width:0;padding:3px;border-right:1px solid #d9e1e6;border-bottom:1px solid #d9e1e6;background:#fff}
.calendar-preview-day.outside-bid,.calendar-preview-day.is-empty{background:#f5f7f8}
.calendar-preview-date{display:block;margin-bottom:3px;text-align:right;color:#526878;font-size:10px;font-weight:600}
.calendar-preview-day.outside-bid .calendar-preview-date{color:#a0adb5}
.calendar-preview-event{margin:2px 0;padding:2px 3px;overflow:hidden;border-left:3px solid #387eaa;border-radius:2px;background:#e8f2f8;color:#31546d;font-size:9px;line-height:1.2;overflow-wrap:anywhere}
.calendar-preview-event.is-jumpseat{border-color:#248b4b;background:#e9f6ec;color:#28663e}
.calendar-preview-event.is-layover{border-color:#74828b;background:#e8ecef;color:#384953}
@media(max-width:600px){.calendar-preview-month{min-width:440px}.calendar-month-preview-months{flex-wrap:nowrap}}

.calendar-update-selection-warning{position:fixed;z-index:80;max-width:calc(100vw - 16px);padding:7px 10px;border:1px solid #d4a056;border-radius:4px;background:#fff6e8;color:#744b1b;box-shadow:0 4px 12px #182a3b26;font-size:11px;font-weight:650;pointer-events:none}
.calendar-update-selection-warning[hidden]{display:none}

.calendar-update-dialog #calendar-update-line{width:auto;max-width:100%;padding-inline:0}

.calendar-update-jumpseat-option + .calendar-update-jumpseat-option{margin-top:4px}
.calendar-update-dialog #calendar-update-status:empty{display:none}

.calendar-month-preview-months{flex-direction:column;flex-wrap:nowrap}
.calendar-preview-month{flex:none;width:100%;box-sizing:border-box}

.calendar-preview-event.is-commercial{border-color:#d5a700;background:#fff1a8;color:#655315}
.calendar-preview-event.is-van{border-color:#b36b28;background:#fff0df;color:#744615}
.calendar-preview-event.is-report{border-color:#84509f;background:#f2eaf7;color:#644475}

.calendar-update-header{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:start;gap:18px;padding-right:30px}
.calendar-update-header-controls{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:end;justify-content:end;gap:10px 12px}
.calendar-update-line-control{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.calendar-update-line-control label{font-size:12px;font-weight:650}
.calendar-update-timezone-control{display:flex;flex-direction:column;gap:5px;align-items:flex-end;justify-self:end}
.calendar-update-timezone-control label{font-size:12px;font-weight:650}
.calendar-update-dialog #calendar-update-timezone{width:auto;min-width:132px;max-width:100%}
.calendar-update-action-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.calendar-update-top-actions{margin-top:0}
.calendar-update-options{display:flex;align-items:center;flex-wrap:wrap;gap:6px 24px;margin-top:16px}
.calendar-update-options .calendar-update-jumpseat-option,.calendar-update-options .calendar-update-jumpseat-option + .calendar-update-jumpseat-option{margin-top:0}
.calendar-preview-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px 11px;margin-left:auto;color:#526878;font-size:11px}
.calendar-preview-legend-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.calendar-preview-legend-swatch.calendar-preview-event{box-sizing:border-box;display:inline-block;flex:none;width:13px;height:13px;margin:0;padding:0;border-left-width:3px;border-radius:2px}
.calendar-update-option-with-help{position:relative;display:flex;align-items:center;gap:4px}
.calendar-update-option-with-help .commute-help{left:0}
.calendar-update-commercial-report-option{display:flex;align-items:center;gap:8px;color:#344b59;font-size:12px;font-weight:650;white-space:nowrap}
.calendar-update-dialog #calendar-update-commercial-report-minutes{width:auto;min-width:96px;min-height:34px}
.calendar-update-actions .calendar-sync-placeholder:disabled{opacity:.55;cursor:not-allowed}
.calendar-update-dialog .calendar-update-actions{flex-wrap:wrap}
@media(max-width:850px){.calendar-update-header{grid-template-columns:1fr;gap:10px}.calendar-update-header-controls{justify-content:start}}
@media(max-width:560px){.calendar-update-header-controls{grid-template-columns:1fr 1fr;width:100%}.calendar-update-line-control,.calendar-update-timezone-control{min-width:0}.calendar-update-dialog #calendar-update-line,.calendar-update-dialog #calendar-update-timezone{width:100%;min-width:0}.calendar-update-action-row{flex-wrap:wrap}.calendar-update-options{display:grid;gap:6px}.calendar-preview-legend{justify-content:flex-start;margin-left:0}}

.ics-options-open{display:block;margin:0;padding:6px 10px;border:1px solid #b8cbd5;border-radius:4px;background:#f0f6f8;color:#315d75;font:inherit;font-size:12px;cursor:pointer}
.ics-options-dialog{width:min(520px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid #c7d5dd;border-radius:8px;padding:0;color:#344b59;box-shadow:0 18px 60px #152b3a44}.ics-options-dialog::backdrop{background:#17222e66}.ics-options-content{padding:24px;display:grid;gap:8px}.ics-options-content h2,.ics-options-content p{margin:0}.ics-options-content p{font-size:12px;color:#667b89;line-height:1.45}.ics-options-content label{font-weight:650;font-size:12px;margin-top:8px}.ics-options-content select,.ics-options-content input{min-width:0;padding:7px;border:1px solid #c8d5dc;border-radius:4px;background:#fff;color:#344b59;font:inherit}.ics-options-fields{display:grid;gap:4px}.ics-options-field{display:flex;align-items:center;gap:5px;padding:5px 8px;background:#f3f7f9;border-radius:4px}.ics-options-field span{flex:1}.ics-options-content button{padding:5px 9px;border:1px solid #b8cbd5;border-radius:4px;background:#f0f6f8;color:#315d75;cursor:pointer}.ics-options-content button:disabled{opacity:.4;cursor:default}.ics-options-add{display:flex;gap:6px}.ics-options-add select{flex:1}.ics-options-actions{display:flex;justify-content:space-between;margin-top:12px}.ics-options-actions #ics-options-done{background:#317f9e;color:#fff;border-color:#317f9e}

.ics-options-dialog{width:min(960px,calc(100% - 32px));max-width:none}
.ics-options-columns{display:grid;grid-template-columns:minmax(250px,0.9fr) minmax(380px,1.1fr);gap:24px;min-width:0}
.ics-options-preview{min-width:0;padding:8px 24px 8px 0;border-right:1px solid #c7d5dd}
.ics-options-preview h3{margin:0 0 5px;font-size:14px}
.ics-options-preview-day{box-sizing:border-box;width:min(225px,100%);min-height:0;margin-top:12px;padding:6px;border:1px solid #d7e1e6;background:#fff}
.ics-options-preview-day .calendar-preview-event{box-sizing:border-box;width:100%;margin:0;padding:7px 9px;font-size:13px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.ics-options-editor{display:grid;align-content:start;gap:8px;min-width:0}
.ics-options-custom-field{display:grid;gap:5px;padding:2px 8px 8px;min-width:0}
.ics-options-custom-field label{margin-top:0}
.ics-options-field-name{display:flex;align-items:center;gap:6px;position:relative;min-width:0}
.ics-options-content .ics-options-status-info{display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:18px;padding:0;border-radius:50%;font-size:11px;font-weight:700;line-height:1}
.ics-options-status-help{display:none;position:absolute;left:0;bottom:calc(100% + 7px);z-index:4;width:min(290px,75vw);padding:8px 10px;border:1px solid #b8cbd5;border-radius:5px;background:#fff;color:#344b59;font-size:12px;font-weight:400;line-height:1.4;box-shadow:0 5px 18px #152b3a33}
.ics-options-status-info:is(:hover,:focus) + .ics-options-status-help{display:block}
.ics-options-add-control{display:grid;gap:5px}
.ics-options-add-control[hidden]{display:none}
@media(max-width:720px){.ics-options-columns{grid-template-columns:minmax(0,1fr);gap:16px}.ics-options-preview{padding:0 0 16px;border-right:0;border-bottom:1px solid #c7d5dd}}