/* One scroll area for navigation and optional widgets, using the active Vristo theme. */
html[data-portal-ui="vristo"] #portal-sidebar-content {position:relative;scrollbar-width:thin;}
html[data-portal-ui="vristo"] #portal-primary-navigation {height:auto!important;max-height:none!important;flex:none!important;overflow:visible!important;}
html[data-portal-ui="vristo"] #portal-sidebar-content [hidden] {display:none!important;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets {border-top:1px solid var(--color-base-300);margin-top:12px;}
html[data-portal-ui="vristo"] [data-sidebar-company-link] {display:block;padding:8px 0;min-width:0;border-bottom:1px solid var(--color-base-300);}
html[data-portal-ui="vristo"] [data-sidebar-company-link]:last-child {border:0;}
html[data-portal-ui="vristo"] [data-sidebar-company-link] strong {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
html[data-portal-ui="vristo"] [data-sidebar-company-link] small {font-size:11px;color:color-mix(in srgb,var(--color-base-content) 60%,transparent);}
html[data-portal-ui="vristo"] [data-sidebar-settings-row] {display:flex;align-items:center;gap:3px;padding:8px 5px;border:1px solid var(--color-base-300);border-radius:8px;background:var(--color-base-100);}
html[data-portal-ui="vristo"] [data-sidebar-settings-row] > strong {flex:1;min-width:0;font-size:12px;line-height:1.35;overflow-wrap:anywhere;}
html[data-portal-ui="vristo"] [data-sidebar-settings-row] > .btn {width:25px;min-width:25px;padding:0;height:28px;min-height:28px;}
html[data-portal-ui="vristo"] [data-sidebar-settings-row][data-visible="false"] > strong {opacity:.5;}
html[data-portal-ui="vristo"] [data-sidebar-settings-row][data-drop] {outline:2px solid var(--color-primary);outline-offset:2px;}
html[data-portal-ui="vristo"] [data-sidebar-settings-row] [data-sidebar-drag] {cursor:grab;color:color-mix(in srgb,var(--color-base-content) 50%,transparent);}
html[data-portal-ui="vristo"] [data-sidebar-widget="api"] #portal-api-access {border:0;flex:none;background:transparent;}
html[data-portal-ui="vristo"] [data-sidebar-widget="api"] #portal-api-panel-details {flex:none;max-height:300px;}
@media (pointer:coarse) {html[data-portal-ui="vristo"] [data-sidebar-settings-row] > .btn {min-height:36px;height:36px;width:30px;min-width:30px;}}

/* The shared dashboard stylesheet owns the elements; only compact surface geometry differs. */
html[data-portal-ui="vristo"] #portal-sidebar-widgets {--widget-tone:var(--color-primary);}
html[data-portal-ui="vristo"] #portal-sidebar-widgets .portal-widget-card {height:auto;border:0;border-radius:6px;padding:14px;background:var(--vristo-panel);box-shadow:var(--vristo-panel-shadow);overflow:visible;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets .portal-widget-header {display:flex;margin-bottom:12px;gap:8px;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets .portal-widget-header .card-title {font-size:13px;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets .v-widget-header-icon {width:30px;height:30px;font-size:15px;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets .portal-widget-body {height:auto;min-height:0;overflow:visible;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets .v-fx-row {grid-template-columns:40px minmax(0,1fr) auto;gap:6px;padding:6px 0;cursor:default;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets .v-fx-row .v-widget-delta {font-size:10px;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets [data-sidebar-menu] {inset:auto;margin:0;width:220px;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets #portal-api-access-title {display:none;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets #portal-api-access {background:transparent;}

/* Keep customization beside its section title, reachable by keyboard and touch. */
html[data-portal-ui="vristo"] #portal-primary-navigation .sidebar-section-header {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:6px;}
html[data-portal-ui="vristo"] #portal-primary-navigation .sidebar-section-header > span {padding:0;margin:0;flex:1;min-width:0;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html[data-portal-ui="vristo"] #portal-primary-navigation .menu > .sidebar-section-header > [data-sidebar-edit] {display:inline-flex;width:28px;min-width:28px;min-height:28px;height:28px;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;flex:none;gap:4px;font-size:10px;font-weight:500;line-height:1;text-transform:none;white-space:nowrap;cursor:pointer;opacity:0;transition:opacity .15s;}
html[data-portal-ui="vristo"] #portal-primary-navigation .sidebar-section-header:hover [data-sidebar-edit],
html[data-portal-ui="vristo"] #portal-primary-navigation .sidebar-section-header:focus-within [data-sidebar-edit] {opacity:1;}
@media (hover:none), (pointer:coarse) {html[data-portal-ui="vristo"] #portal-primary-navigation .menu > .sidebar-section-header > [data-sidebar-edit] {opacity:1;}}
html[data-portal-ui="vristo"] #portal-primary-navigation .sidebar-section-header [data-sidebar-edit]:focus-visible {outline:2px solid var(--color-primary);outline-offset:2px;}
html[data-portal-ui="vristo"] [data-sidebar-custom-link] > span {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

html[data-portal-ui="vristo"] #portal-sidebar-widgets [data-sidebar-company-row] {display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--color-base-300);}
html[data-portal-ui="vristo"] #portal-sidebar-widgets [data-sidebar-company-row]:last-child {border:0;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets [data-sidebar-company-row] > [data-portal-subject-icon] {width:28px;height:28px;border-radius:6px;font-size:15px;background:color-mix(in srgb,currentColor 10%,transparent);}
html[data-portal-ui="vristo"] #portal-sidebar-widgets [data-sidebar-company-link] {flex:1;min-width:0;border:0;padding:0;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets [data-sidebar-company-actions] {display:flex;gap:2px;opacity:0;transition:opacity .15s;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets [data-sidebar-company-actions] .btn {width:24px;min-height:28px;height:28px;padding:0;}
html[data-portal-ui="vristo"] #portal-sidebar-widgets [data-sidebar-company-row]:hover [data-sidebar-company-actions],html[data-portal-ui="vristo"] #portal-sidebar-widgets [data-sidebar-company-row]:focus-within [data-sidebar-company-actions] {opacity:1;}
@media (hover:none),(pointer:coarse) {html[data-portal-ui="vristo"] #portal-sidebar-widgets [data-sidebar-company-actions] {opacity:1;}}
html[data-portal-ui="vristo"] #portal-sidebar-settings [data-sidebar-widget-config] .label {white-space:normal;}
html[data-portal-ui="vristo"] #portal-sidebar-settings [data-sidebar-widget-config] .input,html[data-portal-ui="vristo"] #portal-sidebar-settings [data-sidebar-widget-config] .select {width:100%;min-width:0;}