.sales-key-dialog { width: min(1000px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 1px solid #b8c8c1; border-radius: 8px; color: #20342f; background: #fff; }
.sales-key-dialog::backdrop { background: #15262180; }
.sales-key-dialog[open] { display: flex; flex-direction: column; }
.sales-key-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 24px; border-bottom: 1px solid #dae2df; }
.sales-key-dialog h2 { font-size: 22px; margin: 0; }
.sales-key-dialog p { margin: 6px 0; overflow-wrap: anywhere; }
.sales-key-body { padding: 12px 24px 24px; min-height: 0; overflow-y: auto; }
.sales-key-dialog > header,.sales-key-dialog > footer { flex-shrink: 0; }
.sales-key-state { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; font-size: 14px; }
.sales-key-state span { color: #64746c; }
.sales-key-dialog [data-key-message] { min-height: 24px; color: #136956; }
.sales-key-warning { background: #fff4e4; padding: 12px; color: #76501d; }
.sales-key-warning button { margin-left: 8px; }
.sales-key-profile { border-block: 1px solid #d4ded9; padding: 14px 0; margin: 12px 0; }
.sales-key-profile summary { cursor: pointer; overflow-wrap: anywhere; }
.sales-key-profile form { padding-top: 16px; }
.sales-key-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.sales-key-fields .full { grid-column: 1 / -1; }
.sales-key-dialog label { display: grid; gap: 6px; min-width: 0; font-size: 14px; }
.sales-key-dialog input:not([type=checkbox]), .sales-key-dialog textarea { width: 100%; min-width: 0; border: 1px solid #aebfb7; border-radius: 4px; padding: 9px; font: inherit; color: inherit; background: white; }
.sales-key-dialog input[readonly] { background: #f0f4f2; }
.sales-key-dialog .sales-key-check { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0; }
.sales-key-check input { width: 18px; height: 18px; flex: 0 0 18px; }
.sales-key-dialog fieldset { padding: 0; border: 0; min-width: 0; }
.sales-key-tabs { display: flex; gap: 4px; border-bottom: 1px solid #cad8d1; margin: 16px 0; }
.sales-key-tabs button { background: none; border: 0; border-bottom: 3px solid transparent; padding: 10px 16px; color: #496358; }
.sales-key-tabs button[aria-selected=true] { border-bottom-color: #0c7d69; color: #0a6758; font-weight: 700; }
.sales-key-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; font-size: 14px; }
.sales-key-facts dt { color: #64746c; }
.sales-key-facts dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.sales-key-dialog iframe { width: 100%; height: 580px; border: 1px solid #d4ded9; background: white; }
.sales-key-review { margin-top: 18px; padding-top: 16px; border-top: 1px solid #d4ded9; }
.sales-key-dialog > footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding: 16px 24px; border-top: 1px solid #d4ded9; background: #f5f8f6; }
.sales-key-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.commercial-space-inventory-table th:nth-child(8) { width: 120px; }
[data-space-sales-key] { white-space: nowrap; min-height: 36px; padding: 8px 12px; line-height: 1.2; }
.space-list-sales-key { margin-top: 10px; }
@media (max-width:600px) {
  .sales-key-dialog { width: calc(100% - 16px); max-height: calc(100dvh - 16px); }
  .sales-key-dialog > header,.sales-key-dialog > footer { padding: 14px; }
  .sales-key-body { padding: 12px 14px; }
  .sales-key-fields,.sales-key-facts { grid-template-columns: minmax(0,1fr); }
  .sales-key-dialog h2 { font-size: 20px; }
  .sales-key-dialog button { white-space: normal; }
}