/* One vector, size and stroke for disclosure controls in both workspaces.
   Native details/select semantics and keyboard behavior are unchanged. */
:root {
  --ui-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m6 4 4 4-4 4' fill='none' stroke='%2366625c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ui-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2366625c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media screen {
  html[data-workspace] summary { position:relative; list-style:none; padding-right:28px; }
  html[data-workspace] summary::-webkit-details-marker { display:none; }
  html[data-workspace] summary::marker { content:""; }
  html[data-workspace] summary::after,
  html[data-workspace] :is(.group-chevron,.kitchen-settings-summary>em,.library-section-list>button>i)::after {
    content:""; display:block; width:12px; height:12px; background:currentColor;
    -webkit-mask:var(--ui-chevron) center / 12px 12px no-repeat;
    mask:var(--ui-chevron) center / 12px 12px no-repeat;
    pointer-events:none; transform:rotate(0deg);
  }
  html[data-workspace] summary::after { position:absolute; right:8px; top:calc(50% - 6px); }
  html[data-workspace] details[open]>summary::after { transform:rotate(90deg); }
  html[data-workspace] :is(.toolbar-menu,.cabinet-3d-measurements)>summary::after { transform:rotate(90deg); }
  html[data-workspace] :is(.toolbar-menu,.cabinet-3d-measurements)[open]>summary::after { transform:rotate(-90deg); }
  html[data-workspace] summary>:is(i,em),html[data-workspace] .toolbar-menu>summary>svg { opacity:0; pointer-events:none; }
  html[data-workspace] .facade-common-settings>summary::before { content:none; }
  html[data-workspace] :is(.group-chevron,.kitchen-settings-summary>em,.library-section-list>button>i) {
    display:inline-grid; place-items:center; flex:none; width:12px; height:12px;
    font-size:0; line-height:0; transform:none; font-style:normal;
  }
  html[data-workspace] .palette-group.expanded .group-chevron::after,
  html[data-workspace] .kitchen-settings-summary[aria-expanded=true]>em::after { transform:rotate(90deg); }
  html[data-workspace] select:where(:not([multiple]):not([size]),[size="1"]) {
    appearance:none; -webkit-appearance:none; padding-right:28px;
    background-image:var(--ui-chevron-down); background-repeat:no-repeat;
    background-position:right 8px center; background-size:12px 12px;
  }
}