.nc-chevron{color:var(--cloud-blue);vertical-align:middle;flex:none;display:inline-block}.nc-tile{box-sizing:border-box;gap:var(--s-3);min-height:7rem;padding:var(--s-4);background:var(--surface);border:1px solid var(--border);color:var(--fg-2);text-align:left;font-family:var(--ff-ui);appearance:none;border-radius:0;outline:none;flex-direction:column;text-decoration:none;transition:background 80ms linear,border-color 80ms linear;display:flex;position:relative}.nc-tile--sm{min-height:5.5rem;padding:var(--s-3);gap:var(--s-2)}.nc-tile--lg{min-height:9rem}.nc-tile--interactive{cursor:pointer}.nc-tile--interactive:hover{background:var(--surface-2);border-color:var(--border-2)}.nc-tile--interactive:focus-visible{border-color:var(--cloud-blue);box-shadow:inset 0 0 0 1px var(--cloud-blue)}.nc-tile--selected{border-left:2px solid var(--cloud-blue)}.nc-tile--disabled{opacity:.45;cursor:not-allowed}.nc-tile__top{align-items:flex-start;gap:var(--s-3);display:flex}.nc-tile__icon{width:28px;height:28px;color:var(--cloud-blue);flex:none;justify-content:center;align-items:center;display:inline-flex}.nc-tile__heading{align-items:center;gap:var(--s-2);flex:auto;min-width:0;display:flex}.nc-tile__title{font-family:var(--ff-mono);letter-spacing:.01em;color:var(--fg);text-transform:lowercase;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.nc-tile__chevron{opacity:0;flex:none;transition:opacity 80ms linear}.nc-tile--interactive:hover .nc-tile__chevron,.nc-tile--interactive:focus-visible .nc-tile__chevron{opacity:1}.nc-tile__desc{color:var(--fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.nc-tile__badge{box-sizing:border-box;min-width:18px;height:18px;padding:0 var(--s-2);border:1px solid var(--border-2);background:var(--surface-2);color:var(--fg-muted);font-family:var(--ff-mono);letter-spacing:.02em;text-transform:lowercase;white-space:nowrap;border-radius:0;flex:none;justify-content:center;align-items:center;font-size:11px;line-height:1;display:inline-flex}.nc-tile__badge--count{font-variant-numeric:tabular-nums}.nc-tile__badge--info{color:var(--cloud-blue);border-color:color-mix(in srgb, var(--cloud-blue) 45%, var(--border-2));background:color-mix(in srgb, var(--cloud-blue) 12%, var(--bg-2))}.nc-tile__badge--success{color:var(--signal-green);border-color:color-mix(in srgb, var(--signal-green) 45%, var(--border-2));background:color-mix(in srgb, var(--signal-green) 12%, var(--bg-2))}.nc-tile__badge--warning{color:var(--signal-amber);border-color:color-mix(in srgb, var(--signal-amber) 45%, var(--border-2));background:color-mix(in srgb, var(--signal-amber) 12%, var(--bg-2))}.nc-tile__badge--danger{color:var(--signal-red);border-color:color-mix(in srgb, var(--signal-red) 45%, var(--border-2));background:color-mix(in srgb, var(--signal-red) 12%, var(--bg-2))}.nc-tile__status{background:var(--fg-dim);border-radius:0;flex:none;width:8px;height:8px;margin-top:3px}.nc-tile__status--online{background:var(--signal-green)}.nc-tile__status--degraded{background:var(--signal-amber)}.nc-tile__status--offline{background:var(--signal-red)}.nc-tile__status--unknown{background:var(--fg-dim)}.nc-tile__kpi{align-items:baseline;gap:var(--s-3);margin-top:auto;display:flex}.nc-tile__value{font-family:var(--ff-mono);color:var(--fg);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1}.nc-tile__unit{color:var(--fg-muted);margin-left:2px;font-size:14px;font-weight:500}.nc-tile__delta{align-items:center;gap:var(--s-1);font-family:var(--ff-mono);font-variant-numeric:tabular-nums;color:var(--fg-muted);font-size:12px;display:inline-flex}.nc-tile__delta--positive{color:var(--signal-green)}.nc-tile__delta--negative{color:var(--signal-red)}.nc-tile__delta--neutral{color:var(--fg-muted)}.nc-tile__delta-arrow{width:0;height:0;display:inline-block}.nc-tile__delta-arrow[data-dir=up]{border-bottom:5px solid;border-left:3px solid #0000;border-right:3px solid #0000}.nc-tile__delta-arrow[data-dir=down]{border-top:5px solid;border-left:3px solid #0000;border-right:3px solid #0000}.nc-tile__delta-arrow[data-dir=flat]{background:currentColor;width:6px;height:2px}@media (prefers-reduced-motion:reduce){.nc-tile,.nc-tile__chevron{transition:none}}.nc-tile[hidden]{display:none}