/* Match the original kitchen workbench: gray canvas, white cards, Cake blue. */
body{display:flex;flex-direction:column}.stock-test-navigation{display:flex;gap:8px;align-items:center;flex:0 0 auto;padding:8px 24px;border-bottom:1px solid var(--line);background:#fff;z-index:20}.stock-test-navigation a{min-height:44px;padding:10px 17px;border-radius:12px;color:#727780;text-decoration:none;font-size:14px;font-weight:600}.stock-test-navigation a[aria-current=page]{background:#e9f3ff;color:var(--blue)}.stock-test-navigation span{margin-left:auto;color:#727780;font-size:12px}.stock-test-navigation small{color:var(--muted);font-size:11px;margin-left:5px}#workspace{height:auto;flex:1 1 0;min-height:0}.login-screen{height:auto;flex:1 1 0;min-height:0}.stock-test-navigation~#workspace.immersive{padding-top:12px}
.card .stock-task-actions{flex:0 0 auto;margin:0 var(--card-padding) 9px;display:grid;grid-template-columns:1fr;gap:8px}.card .stock-task-actions.has-stock{grid-template-columns:1fr 1fr}html #cards .card .stock-task-actions>.finish,html .family-grid .card .stock-task-actions>.finish,html #cards .card .stock-task-actions>.select-card{margin:0!important;padding:8px!important;min-height:48px!important;font-size:13px!important;max-width:none}.card .stock-use:before{background:#fff;border:1px solid #c9dff6}.stock-coverage{font-size:12px;color:#006adc;background:#e9f3ff;border-radius:7px;padding:5px 7px;margin:5px 0;line-height:1.4}.stock-call-context{background:#f5f6f8;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:20px}.stock-call-context p{margin-top:6px;color:var(--muted);font-size:13px}#finished-stock-form .field{display:block;margin:16px 0;font-size:13px}#finished-stock-form input,#finished-stock-form select{display:block;width:100%;height:48px;margin-top:7px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#f5f6f8;font:inherit}.stock-call-result{padding:12px;border-radius:12px;background:#e9f3ff;color:#006adc;margin-bottom:14px}.stock-call-error{color:#c74242;font-size:13px;margin:14px 0}.stock-call-empty{padding:20px 0}.stock-call-empty p{color:var(--muted);margin:12px 0 20px;font-size:14px}
@media(max-width:640px){.stock-test-navigation{padding:6px 13px;gap:5px}.stock-test-navigation a{padding:10px 12px;font-size:13px}.stock-test-navigation span{font-size:10px}.stock-test-navigation small{display:none}.card .stock-task-actions.has-stock{gap:6px}}
/* Keep one usable task scroller on a phone; the original board's 480px minimum
   would otherwise place action buttons below a nested, clipped viewport. */
@media(max-width:640px){
 #workspace>.layout>.board{height:100%;min-height:0}
 .toolbar-actions{flex-wrap:nowrap!important;overflow-x:auto;width:100%;max-width:100%;padding-bottom:3px}
 .toolbar-actions>*{flex-shrink:0}
 .toolbar-actions button{flex:0 0 auto;white-space:nowrap}
}