/* Extracted from tasks-workspace.css: one card owner for workspace and home. */
.workspace :is(.tw-shortcut-grid,.ui-shortcut-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--density-shortcut-gap,calc(var(--space-unit) * 3));width:100%;max-width:100%;box-sizing:border-box;padding:var(--space-unit);border:0;border-radius:0;background:transparent;box-shadow:none}
.workspace :is(.tw-shortcut-link,.ui-shortcut-link){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--density-shortcut-content-gap,var(--gap-control));min-width:0;min-height:var(--density-shortcut-height,calc(var(--height-touch) * 2));box-sizing:border-box;padding:var(--density-shortcut-padding,calc(var(--space-unit) * 3));border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--depth-content);font-family:var(--font-title);font-size:var(--t-body);font-weight:500;line-height:var(--lh-body);color:var(--ink);text-align:center;text-decoration:none;white-space:normal;transition:transform calc(var(--dur-state) * 1.5) var(--ease-out),background-color var(--dur-state) var(--ease-standard),border-color var(--dur-state) var(--ease-standard),box-shadow var(--dur-state) var(--ease-standard)}
.workspace :is(.tw-shortcut-link,.ui-shortcut-link)>.nav-text{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:keep-all}
.workspace :is(.tw-shortcut-link,.ui-shortcut-link):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.workspace :is(.tw-shortcut-link,.ui-shortcut-link):active{transform:scale(var(--press-scale,.98));background:var(--fill-tint);transition-duration:var(--dur-press)}
@media(min-width:761px){.task-workspace .tw-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1181px){.task-workspace .tw-shortcut-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(hover:hover) and (pointer:fine){.workspace :is(.tw-shortcut-link,.ui-shortcut-link):hover{transform:translateY(-3px);border-color:var(--rule-strong);box-shadow:var(--depth-navigation)}}
@media(prefers-reduced-motion:reduce){.workspace :is(.tw-shortcut-link,.ui-shortcut-link){transition:none}.workspace :is(.tw-shortcut-link,.ui-shortcut-link):is(:hover,:active){transform:none}}
@media(forced-colors:active){.workspace :is(.tw-shortcut-link,.ui-shortcut-link){border-color:ButtonText;box-shadow:none}}
.workspace :is(.tw-shortcut-grid,.ui-shortcut-grid) .workspace-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--density-shortcut-icon,32px);height:var(--density-shortcut-icon,32px);flex:0 0 var(--density-shortcut-icon,32px);pointer-events:none}
.workspace :is(.tw-shortcut-grid,.ui-shortcut-grid) .workspace-nav-icon>img{display:none;width:var(--density-shortcut-icon,32px);height:var(--density-shortcut-icon,32px);object-fit:contain;flex:none}

/* Compact directory only; all destinations, labels and touch areas stay available.
   Phones show at most three columns; a column narrower than 84px (320px phones) wraps to two. */
@media screen and (max-width:760px){.workspace .task-workspace .tw-shortcut-grid{grid-template-columns:repeat(auto-fill,minmax(max(calc(var(--space-unit) * 21),calc((100% - 2 * var(--density-shortcut-gap,calc(var(--space-unit) * 3))) / 3 - 1px)),1fr))}}
@media screen and (min-width:761px) and (max-width:1180px){.workspace .task-workspace .tw-shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media screen and (min-width:1181px){.workspace .task-workspace .tw-shortcut-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr))}}