/* Shared, scoped profile: white application or dark customer portal. */
.rvv-device-skills{--rvv-sk-bg:#fff;--rvv-sk-ink:#17292f;--rvv-sk-muted:#465b62;--rvv-sk-border:#bacbd0;--rvv-sk-soft:#f1f6f7;--rvv-sk-fill:#087b8b;--rvv-sk-gold:#f6c500;box-sizing:border-box;width:100%;min-width:0;margin:12px 0;border:1px solid var(--rvv-sk-border);border-radius:14px;padding:13px;background:var(--rvv-sk-bg);color:var(--rvv-sk-ink);font-family:inherit;line-height:1.35;text-align:left;color-scheme:light}
.rvv-device-skills[data-theme="dark"]{--rvv-sk-bg:#102f35;--rvv-sk-ink:#fff;--rvv-sk-muted:#d2e2e6;--rvv-sk-border:#62848b;--rvv-sk-soft:#193f47;--rvv-sk-fill:#50d2df;color-scheme:dark}
.rvv-device-skills .rvv-device-skills__heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:15px;font-weight:800;color:var(--rvv-sk-ink)}
.rvv-device-skills .rvv-device-skills__heading:before{content:"";width:5px;height:16px;border-radius:3px;background:var(--rvv-sk-gold);flex:none}
.rvv-device-skills .rvv-device-skills__heading>span{margin-right:auto}
.rvv-device-skills .rvv-device-skills__heading>small{font-size:12px;line-height:1.2;font-weight:600;color:var(--rvv-sk-muted)}
.rvv-device-skills .rvv-device-skills__hardware{margin:-3px 0 11px;font-size:12px;line-height:1.45;font-weight:500;color:var(--rvv-sk-muted);overflow-wrap:anywhere}
.rvv-device-skills .rvv-device-skills__rows{list-style:none;display:grid;gap:9px;margin:0;padding:0}
.rvv-device-skills .rvv-device-skills__row{display:grid;grid-template-columns:18px 83px minmax(0,1fr);gap:3px 7px;align-items:center;margin:0;padding:0;color:var(--rvv-sk-ink)}
.rvv-device-skills .rvv-device-skills__icon{width:18px;height:18px;display:block;color:var(--rvv-sk-fill)}
.rvv-device-skills .rvv-device-skills__label{font-size:12px;line-height:1.3;font-weight:700}
.rvv-device-skills .rvv-device-skills__value{font-size:12px;line-height:1.3;font-weight:600;text-align:right;overflow-wrap:anywhere;min-width:0}
.rvv-device-skills .rvv-device-skills__bar{grid-column:2/4;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0}
.rvv-device-skills .rvv-device-skills__bar>i{box-sizing:border-box;height:6px;border:1px solid var(--rvv-sk-border);border-radius:2px;background:var(--rvv-sk-soft)}
.rvv-device-skills .rvv-device-skills__bar>i.is-filled{background:var(--rvv-sk-fill);border-color:var(--rvv-sk-fill)}
.rvv-device-skills .rvv-device-skills__row[data-rating="unscored"] .rvv-device-skills__value{justify-self:end;max-width:100%;padding:4px 7px;border-radius:6px;background:var(--rvv-sk-soft);color:var(--rvv-sk-muted)}
.rvv-device-skills .rvv-device-skills__package{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 0}
.rvv-device-skills .rvv-device-skills__chip{display:inline-block;max-width:100%;padding:4px 7px;border:1px solid var(--rvv-sk-border);border-radius:6px;background:var(--rvv-sk-soft);font-size:12px;line-height:1.3;font-weight:600;color:var(--rvv-sk-ink);overflow-wrap:anywhere}
.rvv-device-skills .rvv-device-skills__chip[data-state="selected"]{border-left:3px solid var(--rvv-sk-fill)}
.rvv-device-skills .rvv-device-skills__details{margin:10px 0 0;border:0;padding:0;background:none;color:var(--rvv-sk-muted);font-size:12px;line-height:1.5}
.rvv-device-skills .rvv-device-skills__details>summary{display:list-item;margin:0;min-height:24px;padding:3px 0;cursor:pointer;font-size:12px;font-weight:700;color:var(--rvv-sk-ink)}
.rvv-device-skills .rvv-device-skills__details>summary:focus-visible{outline:3px solid var(--rvv-sk-fill);outline-offset:3px;border-radius:2px}
.rvv-device-skills .rvv-device-skills__details p{margin:8px 0;font-size:12px;line-height:1.5;color:var(--rvv-sk-muted)}
.rvv-device-skills .rvv-device-skills__details dl{margin:8px 0}
.rvv-device-skills .rvv-device-skills__details dt{margin:8px 0 2px;font-size:12px;font-weight:800;color:var(--rvv-sk-ink)}
.rvv-device-skills .rvv-device-skills__details dd{margin:0;font-size:12px;line-height:1.5;color:var(--rvv-sk-muted)}
.rvv-device-skills--compact{padding:10px;border-radius:12px}
.rvv-device-skills--compact .rvv-device-skills__rows{gap:7px}
.rvv-device-skills--compact .rvv-device-skills__heading{margin-bottom:8px}
@media (prefers-reduced-motion: no-preference){.rvv-device-skills .rvv-device-skills__bar>i{transition:background-color .15s ease,border-color .15s ease}}
@media (max-width:359px){.rvv-device-skills .rvv-device-skills__row{grid-template-columns:17px 77px minmax(0,1fr);gap:3px 5px}}

/* Distinct game-style trait accents, with restrained light/dark contrast. */
.rvv-device-skills__row[data-skill="looks"]{--rvv-sk-fill:#876000}
.rvv-device-skills__row[data-skill="battery"]{--rvv-sk-fill:#2469a0}
.rvv-device-skills__row[data-skill="build"]{--rvv-sk-fill:#75509c}
.rvv-device-skills__row[data-skill="mobility"]{--rvv-sk-fill:#ad5141}
.rvv-device-skills[data-theme="dark"] .rvv-device-skills__row[data-skill="looks"]{--rvv-sk-fill:#f2c851}
.rvv-device-skills[data-theme="dark"] .rvv-device-skills__row[data-skill="battery"]{--rvv-sk-fill:#83c5fa}
.rvv-device-skills[data-theme="dark"] .rvv-device-skills__row[data-skill="build"]{--rvv-sk-fill:#c7a5ed}
.rvv-device-skills[data-theme="dark"] .rvv-device-skills__row[data-skill="mobility"]{--rvv-sk-fill:#f1b09b}