.panel-widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.panel-widget-grid--wide{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.panel-metric{padding:18px;border-radius:var(--panel-radius);border:1px solid var(--panel-line);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));display:grid;gap:12px;min-width:0;overflow:hidden}
.panel-metric__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;flex-wrap:nowrap}
.panel-metric__head > *{min-width:0}
.panel-metric__label{color:var(--panel-text-soft);font-size:.82rem;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;min-width:0}
.panel-metric__value{font-size:clamp(1rem,.9rem + .55vw,1.45rem);font-weight:800;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;display:block;width:100%}
.panel-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.panel-chart-list{display:grid;gap:12px}
.panel-chart-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1.7fr) auto;gap:10px;align-items:center}
.panel-chart-row__bar{height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.panel-chart-row__bar > span{display:block;height:100%;border-radius:inherit;background:var(--panel-accent)}
.panel-mini-bars{display:flex;align-items:flex-end;gap:8px;min-height:164px;padding-top:8px}
.panel-mini-bars__item{display:grid;gap:8px;justify-items:center;min-width:28px;flex:1 1 0}
.panel-mini-bars__value{width:100%;max-width:28px;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-accent) 85%, white),var(--panel-accent))}
.panel-mini-bars__label{font-size:.72rem;color:var(--panel-text-soft)}
.panel-stack-card{margin-bottom:16px}
.panel-stack-card-lg{margin-bottom:18px}
.panel-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.panel-section-title{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--panel-text);line-height:1.2}
.panel-page-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.panel-grid-full{grid-column:1/-1 !important}
.panel-actions-top{margin-top:14px}
.panel-table-inline-form{display:inline-flex;gap:8px;flex-wrap:wrap}
.panel-pill-swatch{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10)}
.panel-pill-swatch__dot{width:12px;height:12px;border-radius:50%;display:inline-block}
.panel-color-preview{display:inline-flex;width:12px;height:12px;border-radius:50%}
.panel-logobox{padding:14px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:16px}
.panel-logobox__image{max-height:56px;max-width:220px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.03);padding:8px;border:1px solid rgba(255,255,255,.08)}
.panel-inline-note{display:block;font-weight:400;margin-top:4px}
.panel-list-stack{display:grid;gap:10px}
.panel-list-stack .license-item{margin:0}
.panel-title-xl{font-size:24px}.panel-title-lg{font-size:20px}.panel-title-md{font-size:18px}.panel-title-reset{margin-bottom:0}.panel-note-top{margin-top:6px}.panel-note-bottom{margin-bottom:8px}.panel-note-bottom-lg{margin-bottom:10px}.panel-note-bottom-xl{margin-bottom:12px}.panel-note-bottom-2xl{margin-bottom:14px}.panel-top-gap{margin-top:14px}.panel-top-gap-lg{margin-top:18px}.panel-card-pad{padding:14px}.panel-card-pad-lg{padding:16px}.panel-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-grid-2-tight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.panel-grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.panel-grid-span-2{grid-column:span 2}.panel-grid-span-3{grid-column:span 3}.panel-inline-flex{display:inline-flex;gap:8px;flex-wrap:wrap}.panel-flex-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.panel-flex-row-sm{display:flex;gap:8px;flex-wrap:wrap}.panel-muted-xs{font-size:12px}.panel-drawer-grid-full{grid-column:1/-1}.panel-warning-box{display:none;margin-top:12px}.panel-display-block{display:block}.panel-grid-full-note{grid-column:1/-1;font-size:12px}.panel-remote-actions{display:flex;gap:8px;flex-wrap:wrap}.panel-table-top{margin-top:14px}.panel-avatar-sm{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#111}.filter-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.install-lock-title{font-weight:800;margin-bottom:8px}
.feature-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.feature-choice{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--panel-line);background:rgba(255,255,255,.02);min-width:0}
.feature-choice__body{display:grid;gap:8px;min-width:0}
.feature-choice__top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.feature-choice__top strong,.feature-choice__top code{overflow-wrap:anywhere;word-break:break-word}

.panel-code-block{margin:0;padding:14px;border-radius:14px;background:#101010;border:1px solid rgba(255,255,255,.06);overflow:auto;max-height:420px;white-space:pre-wrap;word-break:break-word}
@media (max-width:980px){.panel-grid-2,.panel-grid-2-tight,.panel-widget-grid,.panel-widget-grid--wide,.panel-kpi-grid,.feature-choice-grid{grid-template-columns:1fr}.panel-chart-row{grid-template-columns:1fr}.panel-logobox{flex-direction:column;align-items:flex-start}}

body[data-density="comfortable"] .panel-page{padding:34px}
body[data-density="comfortable"] .card,body[data-density="comfortable"] .panel-card,body[data-density="comfortable"] .stat,body[data-density="comfortable"] .panel-metric{padding:22px}
body[data-density="comfortable"] .panel-tabs{gap:18px}
body[data-density="comfortable"] .panel-tab{padding:11px 16px}


.panel-metric__value--compact{
    font-size:.875rem;
    font-weight:700;
    line-height:1.3;
    white-space:normal;
    overflow:visible;
    text-overflow:unset;
    word-break:break-word;
}