/* Additive controls; use the gateway's existing semantic tokens. */
.lease-clear-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px;margin-bottom:20px}
.lease-clear-result:empty{display:none}.lease-clear-result{flex-basis:100%;overflow-wrap:anywhere}
.lease-clear-body{display:grid;gap:12px;padding:16px}.lease-clear-field{display:grid;gap:4px;color:var(--muted);font-size:12px;min-width:0}
.lease-clear-dialog button,.lease-clear-dialog input,.lease-clear-dialog select,.lease-clear-panel button{min-height:44px}
.lease-clear-dialog select,.lease-clear-dialog input{width:100%;min-width:0}
.lease-clear-dialog[open]{display:flex;flex-direction:column;width:min(640px,calc(100% - 32px));max-height:85dvh;overflow:hidden}
.lease-clear-dialog .detail-heading{flex-shrink:0}
.lease-clear-body{overflow:auto;min-height:0;overscroll-behavior:contain;grid-auto-rows:max-content}
.lease-clear-dialog .lease-clear-destructive{color:var(--red);border-color:var(--red);white-space:normal}
.lease-clear-dialog .lease-clear-destructive:hover:enabled{background:var(--bg)}
.lease-clear-dialog .dhcp-warning{margin:0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.lease-clear-dialog .dhcp-error{padding:0;overflow-wrap:anywhere}
.lease-clear-dialog .dhcp-error:empty{display:none}
#lease-clear-summary{display:grid;gap:8px;overflow-wrap:anywhere}
#lease-clear-summary h3{font-weight:650;color:var(--ink)}
#lease-clear-samples{min-width:340px}
#lease-clear-samples caption{text-align:left;white-space:normal;font-size:11px;color:var(--muted);padding:8px 12px}
.lease-clear-dialog .table-scroll{max-height:240px;flex-shrink:0}
.lease-clear-dialog .detail-heading{gap:12px}.lease-clear-dialog{background:var(--surface)}
@media(max-width:560px){.lease-clear-panel{padding:12px}.lease-clear-panel>button{width:100%}.lease-clear-body{padding:12px}.lease-clear-dialog .detail-heading{padding:12px}}