.dev-command-access { min-width: 0; }
.dev-command-access [data-dev-module-help] { color: #94a3b8; font-size: 12px; }
.dev-access-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.dev-access-toolbar > label { flex: 1; min-width: 0; margin: 0; }
.dev-command-access [data-access-add] { flex-shrink: 0; white-space: nowrap; background: #14634f; border-color: #2e8b70; color: #effff8; }
.dev-command-access [data-access-add]:is(:hover,:focus,:active) { background: #14634f; color: #effff8; }
.dev-spanel .dev-module-dialog .dev-command-access [data-access-add] { min-height: 38px; border-radius: 12px; background: #14634f; border-color: #2e8b70; color: #effff8; font-size: 13px; font-weight: 600; }
.dev-spanel .dev-module-dialog .dev-command-access [data-access-add]:not(:disabled):is(:hover,:focus-visible) { background: #19765e; border-color: #49b18f; color: #effff8; }
.dev-command-access [data-access-list] { margin-top: 18px; }
.dev-access-rule { min-width: 0; border-bottom: 1px solid rgba(148,163,184,.16); }
.dev-access-rule > summary { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 15px 0; list-style: none; color: #e2e8f0; cursor: pointer; }
.dev-access-rule > summary::-webkit-details-marker { display: none; }
.dev-access-rule > summary::marker { content: ''; }
.dev-access-rule > summary > span { flex: 1; min-width: 0; }
.dev-access-rule strong { display: block; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.dev-access-rule small { display: block; margin-top: 3px; color: #94a3b8; font-size: 12px; overflow-wrap: anywhere; }
.dev-access-rule > summary > svg { flex: 0 0 18px; width: 18px; height: 18px; color: #94a3b8; transition: transform .22s; }
.dev-access-rule[open] > summary > svg { transform: rotate(90deg); }
.dev-access-rule-body { min-width: 0; padding: 4px 0 22px; }
.dev-access-rule[open] > .dev-access-rule-body { animation: access-reveal .22s ease; }
.dev-access-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.dev-access-field { min-width: 0; }
.dev-access-command-field { grid-column: 1 / -1; }
.dev-access-field .dev-ticket-picker > label { display: block; margin-bottom: 9px; color: #cbd5e1; font-size: 13px; }
.dev-access-expiry { display: grid; gap: 9px; margin-top: 22px; color: #cbd5e1; font-size: 13px; }
.dev-access-expiry > span { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.dev-access-expiry > span > svg { width: 17px; height: 17px; flex-shrink: 0; color: #94a3b8; }
.dev-spanel .dev-module-dialog .dev-access-expiry .panel-input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 46px; padding: 11px 14px; border: 1px solid #333d48; border-radius: 12px; background: rgba(255,255,255,.04); color: #e2e8f0; font: inherit; color-scheme: dark; -webkit-text-fill-color: currentColor; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); transition: border-color .22s,background-color .22s; }
.dev-spanel .dev-module-dialog .dev-access-expiry .panel-input:focus { border-color: #60d9b3; }
.dev-access-expiry .panel-input::-webkit-datetime-edit,.dev-access-expiry .panel-input::-webkit-date-and-time-value { color: #e2e8f0; -webkit-text-fill-color: currentColor; text-align: left; }
.dev-command-access .dev-access-time-note { display: flex; align-items: flex-start; gap: 8px; margin: 10px 0 0; color: #94a3b8; font-size: 11px; line-height: 1.6; }
.dev-access-time-note > svg { width: 15px; height: 15px; flex: 0 0 15px; margin-top: calc((1lh - 15px) / 2); }
.dev-command-access :is([data-access-add],[data-access-remove]) > svg { width: 17px; height: 17px; flex-shrink: 0; transition: transform .22s; }
.dev-command-access [data-access-add]:not(:disabled):hover > svg { transform: rotate(90deg); }
.dev-command-access [data-access-remove]:not(:disabled):hover > svg { transform: rotate(-8deg) scale(1.06); }
.dev-command-access [data-access-add]:disabled { cursor: not-allowed; }
.dev-command-access [data-access-remove] { margin-top: 14px; }
@media (max-width: 600px) {
  .dev-access-fields { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .dev-access-toolbar { flex-wrap: wrap; }
  .dev-access-toolbar > label { flex-basis: 100%; }
  .dev-command-access [data-access-add] { width: 100%; min-height: 44px; }
  .dev-access-expiry .panel-input { min-width: 0; width: 100%; font-size: 16px; }
  .dev-spanel .dev-module-dialog .dev-access-expiry .panel-input { font-size: 16px; }
}
@keyframes access-reveal { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .dev-access-rule[open] > .dev-access-rule-body { animation: none; } .dev-access-rule > summary > svg { transition: none; } }
html[data-motion="reduce"] .dev-access-rule[open] > .dev-access-rule-body { animation: none; }
@media (prefers-reduced-motion: reduce) { .dev-command-access :is([data-access-add],[data-access-remove]) > svg { transition: none; transform: none !important; } }
html[data-motion="reduce"] .dev-command-access :is([data-access-add],[data-access-remove]) > svg { transition: none; transform: none !important; }