/* Framework-independent AMMO controls. Override variables for the host theme. */
:root{--ammo-action-red:#ef3340;--ammo-widget-line:#526078;--ammo-widget-ink:#f3f4f6;--ammo-widget-muted:#b4bdcc;--ammo-widget-radius:12px}
.delete-control{display:inline-flex;align-items:center;max-width:100%;border:1px solid var(--ammo-widget-line);border-radius:var(--ammo-widget-radius);overflow:hidden}
.delete-control button{display:inline-flex;align-items:center;gap:6px;margin:0;min-height:36px;padding:8px 10px;border:0;border-radius:0;background:transparent;color:var(--ammo-widget-ink);font:500 12px/1.4 system-ui;cursor:pointer}
.delete-control button:disabled{color:var(--ammo-widget-muted);cursor:not-allowed}
.delete-control button:enabled{background:var(--ammo-action-red);color:#fff}
.delete-control svg{width:16px;height:16px;stroke:currentColor;flex:none}
.delete-control label{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 10px;border-left:1px solid var(--ammo-widget-line);font:400 12px/1.4 system-ui;color:var(--ammo-widget-ink)}
.delete-control input[role=switch]{appearance:none;position:relative;width:32px;height:18px;min-width:32px;margin:0;padding:0;border:1px solid var(--ammo-widget-line);border-radius:20px;background:var(--ammo-widget-line);cursor:pointer}
.delete-control input[role=switch]::before{content:"";display:block;position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%}
.delete-control input[role=switch]:checked{background:var(--ammo-action-red);border-color:var(--ammo-action-red)}
.delete-control input[role=switch]:checked::before{left:16px}
.delete-control :focus-visible{outline:2px solid #3292ec;outline-offset:-2px}
[data-confirm-delete]>small{display:block;margin-top:8px;font:400 12px/1.5 system-ui;color:var(--ammo-widget-muted)}
@media(pointer:coarse){.delete-control button,.delete-control label{min-height:44px}}
.search-field{display:block;position:relative}.search-field input[type=search]{width:100%;padding-right:36px;background-image:none}.search-field>svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}
[role=tablist] [role=tab]{display:inline-flex;padding:9px 14px;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0;color:inherit;text-decoration:none}
[role=tablist] [role=tab][aria-selected=true]{border-color:var(--ammo-widget-line);font-weight:600}
[role=tabpanel][hidden]{display:none}
