/* Microsite zone. Tokens only, so every dashboard theme carries it. */
.ms-body{display:grid;gap:16px;max-width:880px}
.ms-card{display:grid;gap:12px;min-width:0;padding:24px 28px;border:1px solid var(--line-2);border-radius:17px;background:var(--card)}
.ms-card h2{font-size:18px;font-weight:650;letter-spacing:-.01em;color:var(--ink);margin:0}
.ms-quiet{font-size:12.5px;color:var(--ink-3);margin:0}
.ms-actions{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.ms .solid,.ms .ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.ms a.solid,.ms a.ghost{text-decoration:none}
.ms .solid svg,.ms .ghost svg{width:15px;height:15px;flex:none}
.ms .solid[disabled],.ms .ghost[disabled]{opacity:.55;cursor:default}

.ms-addr{font-size:14px;color:var(--ink-2);overflow-wrap:anywhere;font-variant-numeric:normal}
.ms-addr b{color:var(--ink);font-weight:600}
.ms-addr.is-big{font-size:16px;font-weight:500;color:var(--ink);letter-spacing:0}
/* owner ruling, 15 Oct 2026: the site card as the comp draws it */
.ms-site{gap:0;padding:28px}
.ms-site-row{display:flex;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line-2)}
.ms-site-mark{flex:none;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--card-2);color:var(--ink)}
.ms-site-mark svg{width:22px;height:22px}
.ms-site-id{flex:1 1 auto;min-width:0;display:grid;gap:4px}
.ms-site-id h2{font-size:16px;font-weight:600}
.ms-live{flex:none;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--card-2);font-size:12.5px;color:var(--ink)}
.ms-live i{width:8px;height:8px;border-radius:50%;background:#3fae5c}
.ms-site-addr{display:grid;gap:10px;padding:24px 0}
.ms-site-addr .ms-label{font-size:12px;color:var(--ink-2)}
.ms-addr-box{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 8px 0 16px;border-radius:8px;background:var(--card-2)}
.ms-addr-box .ms-addr{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-addr-copy{flex:none;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:6px;background:var(--card);color:var(--ink);cursor:pointer}
.ms-addr-copy svg{width:14px;height:14px}
.ms-site-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line-2)}
.ms-change{display:inline-flex;align-items:center;gap:12px;padding:6px 0;border:0;background:none;font:inherit;font-size:13.5px;color:var(--ink);cursor:pointer}
.ms-change svg{width:16px;height:16px}
.ms-site-tools{display:flex;gap:12px;flex-wrap:wrap}
.ms-site-tools .ghost,.ms-site-tools .solid{min-height:40px;padding:9px 26px;font-size:13.5px}
.ms-site-tools .ghost{color:var(--ink)}
.ms-status{font-size:13.5px;color:var(--ink-2);margin:0}

/* Change address, opened in the site card under a rule that runs edge to edge */
.ms-rename{margin:0 -28px;padding:22px 28px 0;border-top:1px solid var(--line-2)}

/* the name+word picker that claim and rename share: name | address, then the fact and the actions */
.ms-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 36px;align-items:start}
.ms-field{display:grid;gap:8px;min-width:0}
.ms-label{font-size:13.5px;font-weight:600;color:var(--ink)}
.ms-name{box-sizing:border-box;width:100%;min-width:0;height:44px;font-size:15px}
.ms-preview .ms-addr{font-size:15px}
.ms-preview{display:flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid var(--line-2);border-radius:9px;background:var(--card-2,var(--paper,var(--card)))}
.ms-regen{justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0;border:0;background:none;color:var(--sig);font:inherit;font-size:13.5px;cursor:pointer}
.ms-regen svg{width:16px;height:16px;flex:none}
.ms-regen:hover{text-decoration:underline;text-underline-offset:4px}
.ms-regen:focus-visible{outline:2px solid var(--sig);outline-offset:3px}
.ms-regen[disabled]{opacity:.5;cursor:default;text-decoration:none}
.ms-pick>.ms-problem{grid-column:1/-1}
.ms-pick-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin-top:4px}
.ms-pick-foot .ms-actions{margin-left:auto}
.ms-fact{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink-2);margin:0}
.ms-fact svg{width:18px;height:18px;flex:none}
.ms-problem{font-size:12.5px;color:var(--ink);margin:0;padding-left:9px;border-left:3px solid var(--sig)}
.ms-preview .ms-problem{border:0;padding:0}

/* A client's cancellation of a confirmed booking: struck and red, never just gone (owner ruling, 11 Oct 2026). */
/* the card is the frame: the empty block sits in it unframed, with room around it */
.ms-card .slot-empty{border:0;background:none;padding:4px 20px 20px}

@media (max-width:600px){
  .ms-card{padding:16px}
  .ms-addr.is-big{font-size:15px}
  .ms-site{padding:16px}.ms-site-row{gap:14px;padding-bottom:16px}.ms-site-addr{padding:16px 0}
  .ms-site-tools{width:100%}.ms-site-tools>*{flex:1 1 0}
  .ms-card .slot-empty{padding:4px 8px 12px}
  .ms-rename{margin:6px -16px 0;padding:18px 16px 0}
  .ms-pick{grid-template-columns:minmax(0,1fr)}
}
.ms-claim .ms-pick{margin-top:4px}
.ms-former{padding-left:0}