/* Feature-owned styles for the destinations surface (issue #132).
   The interior follows the approved #106 Placement desk: a Destinations column
   beside the selected placement's handoff form on wide screens, the placement
   list as a wrapping row at 950px and below, and one column at 767px and below. */
.destinations-toolbar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:18px}
.destinations-toolbar label{font-size:.85rem;font-weight:600}
.destinations-toolbar select{min-width:min(100%,320px)}
.destinations-desk{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:30px;align-items:start;margin-top:22px}
.destinations-section{border-top:1px solid var(--cf-line);padding-top:22px;min-width:0}
.destinations-section>h2{font-size:1.6rem;margin-bottom:6px}
.destinations-inline{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:16px 0 6px}
.destinations-inline .field{flex:1 1 220px;margin:0}
.destinations-inline>.button{margin-bottom:1px}
.destinations-placements{display:grid;gap:10px;margin-top:14px}
.destinations-placement{display:grid;gap:2px;text-align:left;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--cf-line);border-radius:7px;background:var(--cf-paper);color:inherit;font:inherit;cursor:pointer}
.destinations-placement strong{font-size:.95rem;overflow-wrap:anywhere}
.destinations-placement small{color:var(--cf-muted);overflow-wrap:anywhere}
.destinations-placement[aria-current="true"]{border-color:var(--cf-accent);box-shadow:inset 3px 0 0 var(--cf-accent)}
.destinations-add{margin-top:16px}
.destinations-add>summary,.destinations-accounts>summary{cursor:pointer;font-size:.9rem;font-weight:600;min-height:40px;padding-top:8px}
.destinations-card{border:1px solid var(--cf-line);border-radius:7px;padding:16px 18px;margin-top:14px;background:var(--cf-paper);min-width:0}
.destinations-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.destinations-card-head h3{font-size:1.05rem;overflow-wrap:anywhere}
.destinations-rename{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:12px}
.destinations-rename .field{flex:1 1 240px;margin:0}
.destinations-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.destinations-settings{border:0;padding:0;margin:6px 0 22px;min-width:0}
.destinations-settings legend{font-size:.85rem;font-weight:600;padding:0}
.destinations-settings .field-hint{margin:6px 0 2px}
.setting-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:10px;align-items:end;margin-top:14px}
.setting-row label{grid-column:1/-1;font-size:.73rem;color:var(--cf-muted);margin-bottom:-6px}
.setting-row .button{justify-self:start}
.destinations-accounts{margin-top:34px;border-top:1px solid var(--cf-line);padding-top:18px;max-width:1000px}
@media (max-width:950px){
  .destinations-desk{grid-template-columns:1fr}
  .destinations-placements{display:flex;flex-wrap:wrap}
  .destinations-placement{flex:1 1 220px}
}
@media (max-width:767px){
  .destinations-placements{flex-direction:column}
  .destinations-pair{grid-template-columns:1fr}
  .setting-row{grid-template-columns:minmax(0,1fr)}
  .destinations-inline>.button{width:100%}
}