/* Scoped to the authenticated workspace; retain its palette and spacing tokens. */
.workspace-path { margin: 20px auto 0; width: calc(100% - 56px); max-width: 1424px; border: 1px solid var(--color-line,#303039); border-radius: 12px; background: var(--color-surface,#15161c); }
.workspace-path > summary { display:flex; align-items:center; gap:14px; padding:16px 18px; cursor:pointer; list-style:none; color:var(--color-ink,#f1f0f5); }
.workspace-path > summary::-webkit-details-marker { display:none; }
.workspace-path > summary > img { width:14px; height:14px; opacity:.7; transition:rotate .18s; }
.workspace-path[open] > summary > img { rotate:90deg; }
.path-heading { display:flex; align-items:center; gap:10px; font-size:12px; }
.path-heading strong { font-weight:550; }
.path-heading img { padding:5px; width:28px; height:28px; border:1px solid #efa86e30; border-radius:7px; background:#efa86e09; }
.path-summary-hint { margin-left:auto; font-size:10px; color:var(--color-ink-dim,#aaa5b5); }
.workspace-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; list-style:none; padding:0 18px 18px; margin:0; }
.workspace-steps li { min-width:0; position:relative; }
.workspace-steps li:not(:last-child)::after { content:''; position:absolute; width:28px; top:50%; right:-28px; border-top:1px dashed var(--color-line,#49414f); }
.workspace-steps a { display:flex; flex-direction:column; height:100%; gap:10px; padding:16px; border:1px solid var(--color-line,#303039); border-radius:9px; background:var(--color-canvas,#101115); color:var(--color-ink,#f1f0f5); text-decoration:none; transition:border-color .16s, background .16s; }
.step-top { display:flex; align-items:center; justify-content:space-between; }
.step-top img { width:18px; height:18px; opacity:.85; }
.step-number { font-size:10px; color:#b49a88; font-variant-numeric:tabular-nums; }
.step-label { display:flex; align-items:center; gap:10px; font-size:13px; }
.step-label strong { font-weight:550; }
.step-label img { width:13px; height:13px; margin-left:auto; opacity:.5; transition:translate .16s,opacity .16s; }
.step-description { font-size:11px; line-height:1.6; color:var(--color-ink-dim,#aaa5b5); }
.workspace-path a:focus-visible,.workspace-path summary:focus-visible { outline:2px solid var(--color-signal,#c5b0ff); outline-offset:3px; }
.sessivio-main { scrollbar-width:thin; scrollbar-color:#555060 transparent; scrollbar-gutter:stable; }
.sessivio-main ::selection { background:#b59ae64a; }
.sessivio-main :is(input,textarea,select).field:focus-visible { outline:2px solid var(--color-signal,#c5b0ff); outline-offset:2px; box-shadow:0 0 0 4px #c5b0ff12; }
.sessivio-main .collection-table :is(th,td) { transition:background-color .14s; }
.sessivio-main .collection-table tbody tr:focus-within { background:var(--color-raised,#23212a); }
.sessivio-main .collection-table thead th { font-size:11px; letter-spacing:.035em; }
.sessivio-main .panel { transition:border-color .16s; }
.sessivio-main .panel:focus-within { border-color:#6e5c88; }
@media(hover:hover) {
  .workspace-steps a:hover { border-color:#77618c; background:var(--color-raised,#23212a); }
  .workspace-steps a:hover .step-label img { opacity:1; translate:2px -2px; }
  .sessivio-main .collection-table tbody tr:hover td { background-color:var(--color-raised,#23212a); }
}
@media(max-width:640px) {
  .workspace-path { width:calc(100% - 32px); }
  .workspace-steps { grid-template-columns:1fr; gap:10px; }
  .workspace-steps li:not(:last-child)::after { display:none; }
  .workspace-steps a { display:grid; grid-template-columns:26px 1fr; column-gap:12px; padding:13px; }
  .step-top { grid-row:1/3; flex-direction:column; justify-content:center; gap:6px; }
  .step-description { grid-column:2; }
  .path-summary-hint { display:none; }
  .workspace-path > summary > img { margin-left:auto; }
}
@media(prefers-reduced-motion:reduce) {
  .workspace-path *, .sessivio-main .panel, .sessivio-main .collection-table :is(th,td) { transition:none!important; translate:none!important; }
}