/* Common visual control for workspace sides and AI chat panels. */
.pane-control{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:32px;min-width:32px;height:32px;min-height:32px;box-sizing:border-box;padding:5px;
  border:1px solid var(--pane-control-border,#cec8ba);border-radius:6px;
  background:var(--pane-control-bg,#faf8f1);color:var(--pane-control-ink,#596348);
  box-shadow:inset 0 1px #ffffff20,0 1px 2px #3836260a;cursor:pointer;vertical-align:middle;
  transition:background .16s,border-color .16s,color .16s;
}
.pane-control:has(>span){width:auto;max-width:100%;padding-inline:10px;gap:7px;white-space:nowrap}
.pane-control svg{display:block;width:18px;height:18px;pointer-events:none}
.pane-control:is(:hover,:focus-visible){background:var(--pane-control-hover,#eeeddf);border-color:var(--pane-control-ink,#596348)}
.pane-control:focus-visible{outline:2px solid var(--pane-control-ink,#596348);outline-offset:3px}
.pane-control:disabled{opacity:.5;cursor:default}
@media(max-width:760px){.pane-control{width:44px;min-width:44px;height:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.pane-control{transition:none}}