.zli-dialog { position:fixed; inset:0; margin:auto; padding:16px; width:min(960px,96vw); height:min(800px,94dvh); max-width:96vw; max-height:94dvh; box-sizing:border-box; border:1px solid #aaa; border-radius:8px; background:#fff; color:#222; overflow:auto; }
.zli-dialog:not([open]),.zli-dialog [hidden] { display:none; }
.zli-dialog::backdrop { background:#0008; }
.zli-dialog header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.zli-dialog h2 { font-size:20px; margin:0; }
.zli-dialog h3 { font-size:17px; margin:8px 0; overflow-wrap:anywhere; }
.zli-dialog button { min-height:44px; border-radius:6px; }
.zli-dialog [data-close] { width:44px; flex:none; font-size:22px; }
.zli-dialog select,.zli-dialog textarea { font-size:16px; width:100%; box-sizing:border-box; }
.zli-dialog [data-grid] { display:grid; grid-template-columns:280px minmax(0,1fr); gap:20px; }
.zli-dialog aside { min-width:0; border-right:1px solid #ddd; padding-right:12px; }
.zli-dialog section { min-width:0; }
.zli-dialog [data-items] { max-height:50dvh; overflow:auto; }
.zli-dialog [data-items] button { display:block; width:100%; text-align:left; padding:10px; margin:6px 0; background:#f6f7f8; color:#222; border:1px solid #bbb; overflow-wrap:anywhere; }
.zli-dialog [data-items] button[aria-pressed=true] { border-color:#16814c; background:#e9f7ef; }
.zli-dialog [data-items] span { display:block; font-size:13px; }
.zli-dialog [data-severity=urgent] { border-left:4px solid #bc3030; }
.zli-dialog [data-severity=high] { border-left:4px solid #b97815; }
.zli-dialog [data-actions] { display:flex; gap:8px; flex-wrap:wrap; margin:10px 0; }
.zli-dialog [data-info],.zli-dialog [data-note],.zli-dialog [data-history] { white-space:pre-wrap; overflow-wrap:anywhere; }
.zli-dialog [data-note] { color:#8a4512; }
.zli-dialog [data-history] { font-size:13px; }
.zli-dialog [data-back] { display:none; }
@media(max-width:650px) {
  .zli-dialog { padding:12px; }
  .zli-dialog [data-grid] { grid-template-columns:minmax(0,1fr); }
  .zli-dialog aside { border:0; padding:0; }
  .zli-dialog[data-selected=yes] aside { display:none; }
  .zli-dialog[data-selected=no] section { display:none; }
  .zli-dialog[data-selected=yes] [data-back] { display:inline-block; }
}