/* Dynamic ("Item novo") controls in the item atelier. Colors follow the admin shell theme. */
#item-form [hidden],.preview [hidden]{display:none!important}
.kind-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.kind-switch label{display:flex;align-items:center;gap:10px;border:1px solid var(--a-line-strong,#dcd8e6);border-radius:10px;padding:12px 14px;cursor:pointer;background:var(--a-input,transparent)}
.kind-switch label:has(input:checked){border-color:var(--a-accent,#6556bd);background:var(--a-accent-soft,#f0ecfc)}
.kind-switch label:has(input:disabled){cursor:not-allowed}
.kind-switch label:has(input:disabled:not(:checked)){opacity:.45}
.kind-switch input{width:auto;margin:0;accent-color:var(--a-accent,#6556bd)}
.kind-switch span{display:grid;gap:2px}
.kind-switch strong{color:var(--a-text,#292638);font-size:13px}
.kind-switch small{color:var(--a-faint,#747184);font-size:11px;line-height:1.4}
.id-input{display:flex;align-items:stretch}
.id-prefix{display:grid;place-items:center;padding:0 10px;border:1px solid var(--a-line-strong,#dcd8e6);border-right:0;border-radius:8px 0 0 8px;background:var(--a-soft,#f5f6fa);color:var(--a-dim,#747184);font-family:Consolas,monospace}
.id-input input{flex:1;border-top-left-radius:0!important;border-bottom-left-radius:0!important;font-family:Consolas,monospace}
.id-input input:read-only{color:var(--a-faint,#747184);background:var(--a-soft,#f5f6fa)}
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.upload input[type=file]{padding:8px;background:var(--a-input,#f8f7fc);color:var(--a-text,#292638);border:1px dashed var(--a-line-strong,#dcd8e6)}
.upload input[type=file]::file-selector-button{margin-right:10px;border:1px solid var(--a-accent-line,#6556bd);border-radius:6px;background:var(--a-accent-soft,#f0ecfc);color:var(--a-text,#292638);padding:5px 10px;cursor:pointer}
.upload small.ok{color:var(--a-good,#43896f)}
.upload small.error{color:var(--a-bad,#c0504d)}
label.check{display:flex;align-items:center;gap:8px;align-self:center}
label.check input{width:auto;accent-color:var(--a-accent,#6556bd)}
#preview-icon.is-sprite{image-rendering:pixelated}
@media(max-width:780px){.kind-switch,.upload-grid{grid-template-columns:1fr}}
/* Long names (common for new items) wrap beside the badge instead of running under it. */
.item-list .item-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:start}
.item-list .item-card strong{grid-column:1;grid-row:1}
.item-list .item-card em{grid-column:2;grid-row:1;float:none;white-space:nowrap}
.item-list .item-card small{grid-column:1/-1}
/* GeckoLib trigger menu. */
.animation-rules{border:1px solid var(--a-line-strong,#dcd8e6);border-radius:10px;padding:14px 16px;margin-bottom:16px;background:var(--a-soft,transparent)}
.rules-head{display:grid;gap:4px;margin-bottom:12px}
.rules-head strong{color:var(--a-text,#292638);font-size:13px}
.rules-head small,#rulesHint{color:var(--a-faint,#747184);font-size:11px;line-height:1.5}
.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:8px}
.rules-grid em{font-style:normal;font-size:10px;color:var(--a-accent,#6556bd);margin-left:4px}
@media(max-width:780px){.rules-grid{grid-template-columns:1fr}}
/* item.json display upload. */
#displayField{display:grid;gap:7px}
.link-button{justify-self:start;border:0;background:none;padding:0;color:var(--a-bad,#c0504d);font-size:11px;cursor:pointer;text-decoration:underline}
/* Readable document pages. */
.document-block{display:grid;gap:10px;margin-bottom:16px}
.document-block small.ok{color:var(--a-good,#43896f)}
.document-block small.error{color:var(--a-bad,#c0504d)}
.document-pages{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.document-pages li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:8px;border:1px solid var(--a-line-strong,#dcd8e6);border-radius:8px;background:var(--a-input,transparent)}
.document-pages img{width:48px;height:64px;object-fit:contain;background:#0006;border-radius:4px}
.document-pages span{font-size:12px;color:var(--a-text,#292638)}
.page-actions{display:flex;gap:4px}
.page-actions button{padding:4px 9px;font-size:12px}
#documentIcon{justify-self:start}