/* Daymilo M1 chrome + SEO overlay — keep antd.css untouched */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

:root {
  --daymilo-primary: #0D9488;
  --daymilo-primary-hover: #0F766E;
  --daymilo-accent: #F59E0B;
  --daymilo-ink: #1C1917;
  --daymilo-surface: #F7F7F5;
  --daymilo-border: #E7E5E4;
  --daymilo-success: #059669;

  --ant-color-primary: #0D9488;
  --ant-color-primary-hover: #0F766E;
  --ant-color-primary-active: #115E59;
  --ant-color-primary-bg: #CCFBF1;
  --ant-color-link: #0D9488;
  --ant-font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --primary: #0D9488;
  --route-line: #0D9488;
}

html, body {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--daymilo-ink);
}

.daymilo-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  min-height: 64px;
  padding: 8px 16px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--daymilo-border);
}

.daymilo-header #logo {
  height: 28px;
  width: auto;
  display: block;
}

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

.daymilo-seg {
  display: inline-flex;
  border: 1px solid var(--daymilo-border);
  border-radius: 999px;
  overflow: hidden;
  background: var(--daymilo-surface);
}
.daymilo-seg-item {
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--daymilo-ink);
  text-decoration: none;
  line-height: 1.2;
}
.daymilo-seg-item.is-active {
  background: var(--daymilo-primary);
  color: #fff;
}

.daymilo-trust {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--daymilo-success);
  white-space: nowrap;
}

.daymilo-hide-export,
#route-export.daymilo-hide-export,
#route-export-btn.daymilo-hide-export {
  display: none !important;
}

.bulk-import-option[data-bulk-import-way="list"],
.bulk-import-option[data-daymilo-paste="1"] {
  border: 2px solid var(--daymilo-primary) !important;
  font-weight: 600;
}
.daymilo-soon-tag {
  margin-left: 6px;
  background: var(--daymilo-accent) !important;
  color: #1C1917 !important;
  border: none !important;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
}

.ant-btn-primary,
.ant-btn-variant-solid.ant-btn-color-primary {
  background: var(--daymilo-primary) !important;
  border-color: var(--daymilo-primary) !important;
}
.ant-btn-primary:hover {
  background: var(--daymilo-primary-hover) !important;
  border-color: var(--daymilo-primary-hover) !important;
}

/* SEO shell */
.daymilo-seo {
  padding: 12px 24px 10px;
  background: #fff;
  border-bottom: 1px solid var(--daymilo-border);
}
.daymilo-seo-inner { max-width: 1100px; margin: 0 auto; }
.daymilo-seo h1 {
  margin: 0 0 8px;
  font: 600 20px/1.25 Inter, system-ui, sans-serif;
  color: var(--daymilo-ink);
  letter-spacing: -0.01em;
}
.daymilo-seo-intro p {
  margin: 0 0 6px;
  font: 400 13.5px/1.45 Inter, system-ui, sans-serif;
  color: #44403C;
  max-width: 72ch;
}
.daymilo-seo-intro p:last-child {
  margin-bottom: 0;
  color: var(--daymilo-success);
  font-weight: 500;
}
.daymilo-seo-about {
  display: none;
  margin-left: 10px;
  font: 600 12px Inter, system-ui, sans-serif;
  color: var(--daymilo-primary);
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
}
.daymilo-seo.is-collapsed { padding: 8px 24px; }
.daymilo-seo.is-collapsed h1 {
  display: inline;
  font-size: 13px;
  font-weight: 500;
  color: #78716C;
  margin: 0;
}
.daymilo-seo.is-collapsed .daymilo-seo-intro { display: none; }
.daymilo-seo.is-collapsed .daymilo-seo-about { display: inline; }

@media (max-width: 575px) {
  .daymilo-header { gap: 8px; }
  .daymilo-trust { order: 3; width: 100%; }
  .daymilo-seo { padding: 10px 16px 6px; }
  .daymilo-seo h1 { font-size: 17px; }
}

/* —— Per-stop execution (Stage 2: SoT stop cards) —— */
/* List: SoT .stops gap */
#address-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Card shell ≈ SoT .stop */
#address-list > li.address.daymilo-stop,
#address-list > li.address {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  min-height: 0;
  border: 1px solid var(--daymilo-border, #E7E5E4);
  border-radius: 10px;
  background: #fff;
  color: var(--daymilo-ink, #1C1917);
  transition: background-color 0.15s, box-shadow 0.15s, border-color 0.15s;
}
#address-list > li.address:hover {
  background: #fff;
  border-color: #D6D3D1;
  box-shadow: 0 1px 2px rgba(28, 25, 23, 0.06);
}
#address-list > li.address.is-selected {
  background: #F0FDFA;
  border-color: #99F6E4;
}

/* Drag handle stays first; quiet like SoT chrome */
#address-list > li.address .addr-drag-handle {
  margin-top: 3px;
  color: #A8A29E;
}

/* Checkbox ≈ SoT .stop-check */
.daymilo-stop-check {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  flex: 0 0 auto;
  accent-color: var(--daymilo-primary, #0D9488);
  cursor: pointer;
}

/* Mid column */
.daymilo-stop-mid {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.daymilo-stop-top {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}

/* Number badge ≈ SoT .num */
#address-list > li.address .addr-label,
.daymilo-stop-top .addr-label {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 50%;
  background: var(--daymilo-primary, #0D9488);
  color: #fff;
  font: 600 11px/22px Inter, system-ui, sans-serif;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

/* Title ≈ SoT .t */
.daymilo-stop-top .addr-title,
#address-list > li.address .addr-title {
  flex: 1 1 auto;
  min-width: 0;
  font: 500 13px/1.35 Inter, system-ui, sans-serif;
  color: var(--daymilo-ink, #1C1917);
  overflow-wrap: break-word;
  margin-top: 2px;
}

/* Comment ≈ SoT .comment-input */
.daymilo-stop-comment {
  margin-top: 4px;
  width: 100%;
  border: 0;
  border-bottom: 1px dashed var(--daymilo-border, #E7E5E4);
  border-radius: 0;
  padding: 2px 0;
  font: 400 11px Inter, system-ui, sans-serif;
  color: #78716C;
  background: transparent;
  outline: none;
}
.daymilo-stop-comment:focus {
  border-bottom-color: var(--daymilo-primary, #0D9488);
  color: var(--daymilo-ink, #1C1917);
}
.daymilo-stop-comment::placeholder {
  color: #A8A29E;
  font-style: italic;
}

/* Actions row ≈ SoT .stop-actions */
.daymilo-stop-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
  align-items: center;
}

/* Open in Maps ≈ SoT .stop-actions a */
.daymilo-open-maps {
  align-self: flex-start;
  margin-top: 0;
  border: 0;
  background: none;
  padding: 0;
  font: 500 11px Inter, system-ui, sans-serif;
  color: var(--daymilo-primary, #0D9488);
  cursor: pointer;
  text-decoration: none;
}
.daymilo-open-maps:hover {
  color: var(--daymilo-primary-hover, #0F766E);
  text-decoration: underline;
}

/* Edit / delete sit on card edge like SoT .x */
#address-list > li.address .addr-edit,
#address-list > li.address .addr-delete {
  margin-top: 0;
  color: #A8A29E;
}

/* Done state ≈ SoT .stop.done */
#address-list > li.address.daymilo-stop-done .addr-title {
  text-decoration: line-through;
  color: #78716C;
}
#address-list > li.address.daymilo-stop-done .addr-label {
  background: #A8A29E;
}

/* Handoff block (unchanged behavior; SoT-ish surface) */
.daymilo-handoff {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid var(--daymilo-border, #E7E5E4);
  border-radius: 10px;
  background: var(--daymilo-surface, #F7F7F5);
  font: 400 11px/1.4 Inter, system-ui, sans-serif;
  color: #78716C;
}
.daymilo-handoff-note {
  margin: 0 0 8px;
  font: 400 12.5px/1.4 Inter, system-ui, sans-serif;
  color: #44403C;
}
.daymilo-copy-status {
  margin-left: 10px;
  font: 600 12px Inter, system-ui, sans-serif;
  color: var(--daymilo-success, #059669);
}


/* Stage 4 share toast parity */
.daymilo-copy-status:not([hidden]) {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 8px;
  background: #F0FDFA;
  border: 1px solid #99F6E4;
  color: #065F46;
}