/* P02 v0.24.1 HF1. Additive components inherit the existing surface theme.
   Never assign legacy body variables or recolor existing cards/forms/navigation. */
body[data-arzhu-ui] .table-scroll[data-az-scroll-ready]{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.az-actions{display:flex;flex-wrap:wrap;gap:12px}
.az-notice{background:var(--ku-surface,var(--paper,#fff));color:var(--ink,#252637);border:1px solid var(--line,#e9eaf2);border-left:4px solid var(--purple,#6b4eff);border-radius:12px;padding:16px;margin:0 0 24px}
.az-notice p:last-child{margin-bottom:0}
.az-notice[data-tone="warning"]{border-left-color:#a36a13}
.az-notice[data-tone="danger"]{border-left-color:#ad263e}
.az-notice[data-tone="success"]{border-left-color:#187547}
.az-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0}
.az-stack{display:grid;gap:16px}
.az-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line,#e9eaf2);border-radius:999px;background:var(--paper,#fff);color:var(--ink,#252637);font-size:13px}
.az-badge[data-tone="success"]{color:#187547;background:#eaf7ef}
.az-badge[data-tone="warning"]{color:#855812;background:#fff4da}
.az-badge[data-tone="danger"]{color:#ad263e;background:#fff0f2}
.az-badge[data-tone="info"]{color:#235d93;background:#ebf4ff}
.az-empty{text-align:center;padding:32px;border:1px dashed var(--line,#e9eaf2);border-radius:16px;margin:16px 0}
.az-empty>.icon{width:32px;height:32px;color:var(--purple,#6b4eff)}
.az-token-swatches{display:grid;gap:12px;margin-bottom:20px}
.az-token-swatches>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.az-token-swatches code{margin-left:auto;color:var(--muted,#686b7b)}
.az-swatch{width:28px;height:28px;border-radius:8px;flex:none;border:1px solid var(--line,#e9eaf2)}
.az-swatch-brand{background:var(--az-color-brand)}
.az-swatch-ink{background:var(--az-color-ink)}
.az-swatch-muted{background:var(--az-color-muted)}
.az-swatch-success{background:var(--az-color-success)}
.az-swatch-warning{background:var(--az-color-warning)}
.az-swatch-danger{background:var(--az-color-danger)}
.az-swatch-info{background:var(--az-color-info)}
.az-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line,#e9eaf2);padding-bottom:12px;margin:24px 0 16px}
.az-tabs button{background:var(--paper,#fff);color:var(--muted,#686b7b);border:1px solid var(--line,#e9eaf2);border-radius:12px;min-height:44px;padding:8px 16px}
.az-tabs button[aria-selected="true"]{background:var(--lavender,#f0edff);color:var(--purple,#6b4eff);border-color:var(--purple,#6b4eff)}
.az-tabs button:focus-visible,.az-dialog :focus-visible{outline:3px solid var(--purple,#6b4eff);outline-offset:3px}
.az-dialog{width:560px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:0;background:var(--paper,#fff);color:var(--ink,#252637);border:1px solid var(--line,#e9eaf2);border-radius:16px;box-shadow:var(--shadow);overscroll-behavior:contain}
.az-dialog::backdrop{background:#06080d80}
.az-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line,#e9eaf2)}
.az-dialog>header h2{margin:0}
.az-dialog-body{padding:20px}
.az-dialog label{display:grid;gap:8px;margin:16px 0}
.az-dialog textarea{max-width:100%;width:100%}
.az-flow{border:1px solid var(--line,#e9eaf2);border-radius:16px;padding:20px}
.az-flow ol{padding-left:22px}
.az-flow li{padding:4px 0;color:var(--muted,#686b7b)}
.az-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.az-job-detail{font-size:13px;color:var(--muted,#686b7b);margin:8px 0 0;overflow-wrap:anywhere}
body[data-arzhu-ui] .image-job-top{gap:12px;flex-wrap:wrap}
body[data-arzhu-ui] .image-job-top>span{overflow-wrap:anywhere;max-width:100%;white-space:normal}
body[data-arzhu-ui] .image-job-pending{flex-wrap:wrap;line-height:1.6}
@media(max-width:950px){.az-grid{grid-template-columns:1fr}}
@media(max-width:600px){.az-flow{padding:16px}.az-tabs{gap:6px}.az-tabs button{flex:1 1 auto}.az-actions>.btn{flex:1 1 160px}}