@layer components{.pk-panel{background:var(--pk-surface);border:1px solid var(--pk-line);border-radius:var(--pk-radius-lg);min-width:0;overflow:hidden}.pk-panel__stripe{background:var(--pk-grad-brand);height:.1875rem}.pk-panel__header{justify-content:space-between;align-items:center;gap:var(--pk-2) 1rem;padding:var(--pk-4);border-bottom:1px solid var(--pk-line-soft);flex-wrap:wrap;display:flex}.pk-panel__title{font-size:var(--pk-text-md);color:var(--pk-ink);flex:1;margin:0;font-weight:500;line-height:1.35}.pk-panel__toolbar{flex-wrap:wrap;flex:none;align-items:center;gap:.5rem;min-width:0;max-width:100%;display:flex}.pk-panel__toolbar>*{min-width:0;max-width:100%}.pk-panel__toolbar .pk-btn{white-space:normal;overflow-wrap:anywhere;max-width:100%}.pk-panel__body{padding:var(--pk-4)}.pk-panel__body--accent{background:var(--pk-accent-soft)}.pk-panel__body--ok{background:var(--pk-ok-soft)}.pk-panel__body--danger{background:var(--pk-danger-soft)}.pk-panel__body--warn{background:var(--pk-warn-soft)}.pk-panel__body--info{background:var(--pk-info-soft)}@media (width<=48rem){.pk-panel__header,.pk-panel__body{padding:var(--pk-3)}}.pk-panel__body--flush{padding:0}.pk-breadcrumb__list{row-gap:var(--pk-1);flex-wrap:wrap}.pk-breadcrumb__item{overflow-wrap:anywhere;min-width:0;max-width:100%}}